For, While і Do While LOOP in JavaСценарій (з прикладом)
Джеймс Гартман
Як використовувати Loop?
Цикли корисні, коли вам потрібно виконувати ті самі рядки коду неодноразово, певну кількість разів або доки виконується певна умова. Припустімо, ви хочете 100 разів набрати повідомлення «Привіт» на своїй веб-сторінці. Звичайно, вам доведеться копіювати та вставляти один і той же рядок 100 разів. Натомість, якщо ви використовуєте цикли, ви можете виконати це завдання лише за 3 або 4 рядки.
Різні типи петель
В основному існує чотири типи петель JavaScript.
- для петлі
- for/in цикл (пояснено пізніше)
- поки петля
- do...while цикл
для петлі
Синтаксис:
for(statement1; statement2; statment3)
{
lines of code to be executed
}
- Оператор1 виконується першим навіть перед виконанням коду циклу. Отже, цей оператор зазвичай використовується для призначення значень змінним, які використовуватимуться всередині циклу.
- Інструкція2 є умовою для виконання циклу.
- Інструкція3 виконується кожного разу після виконання коду циклу.
Спробуйте самі:
<html>
<head>
<script type="text/javascript">
var students = new Array("John", "Ann", "Aaron", "Edwin", "Elizabeth");
document.write("<b>Using for loops </b><br />");
for (i=0;i<students.length;i++)
{
document.write(students[i] + "<br />");
}
</script>
</head>
<body>
</body>
</html>
поки петля
Синтаксис:
while(condition)
{
lines of code to be executed
}
«Цикл while» виконується, доки вказана умова виконується. Усередині циклу while ви повинні включити оператор, який закінчить цикл у певний момент часу. Інакше ваш цикл ніколи не закінчиться, і ваш браузер може вийти з ладу.
Спробуйте самі:
<html>
<head>
<script type="text/javascript">
document.write("<b>Using while loops </b><br />");
var i = 0, j = 1, k;
document.write("Fibonacci series less than 40<br />");
while(i<40)
{
document.write(i + "<br />");
k = i+j;
i = j;
j = k;
}
</script>
</head>
<body>
</body>
</html>
do...while цикл
Синтаксис:
do
{
block of code to be executed
} while (condition)
Цикл do…while дуже схожий на цикл while. Єдина відмінність полягає в тому, що в циклі do…while блок коду виконується один раз ще до перевірки умови.
Спробуйте самі:
<html>
<head>
<script type="text/javascript">
document.write("<b>Using do...while loops </b><br />");
var i = 2;
document.write("Even numbers less than 20<br />");
do
{
document.write(i + "<br />");
i = i + 2;
}while(i<20)
</script>
</head>
<body>
</body>
</html>
