Введите ваш адрес почты


sdcvoy.ru
Понравился сайт? Поделись с друзьями!
Главная » Javascript » Cikly-while-for-v-javascript

Циклы while, for в JavaScript

В сегодняшнем уроке мы с вами рассмотрим циклы while и for в JavaScript. В одной статье в разделе WordPress я уже писал про цикл, там использовался цикл while из php. Здесь же пойдет речь немного о другом. Вообще в программировании очень часто используют циклы для многократного повторения одного участка кода.

Цикл while в JS

Общий синтаксис использования этого цикла имеет следующий вид:

while (условие) {
  //  тело цикла, код
}

Как раз в циклах очень часто применяют инкремент и декремент:

var i = 5;
while (i >= 0) {
  alert( i );
  i--;
}

В данном примере цикл последовательно выводит цифры в порядке убывания. Повторение цикла называется итерацией. В нашем скрипте произошло 5 итераций.

Цикл do…while в JS

Цикл do…while редко используется в JavaScript потому, что он не совсем удобный. Вот общий синтаксис его использования:

do {
  // код, тело цикла
} while (условие);

Согласитесь неудобно сначала писать содержимое цикла, а потом проверять условие. Хотя такой код имеет место быть:

var i = 5;
do {
  alert( i );
  i--;
} 
while (i >= 0);

Результат ничем не отличается от предыдущего примера.

Цикл for в JS

С циклом for вы ещё не встречались, надо сказать что его применяют наверное чаще, чем цикл while. Синтаксис этого цикла очень прост:

for (начало цикла; условие; шаг) {
  // код, тело цикла
}

Давайте, попробуем написать предыдущий пример с помощью этого цикла:

for (i=5; i >= 0; i--) {
  alert( i );
}

Согласитесь, ведь просто? Можно пропускать части в цикле for, оставляя знак «точка с запятой», например:

var i=5;
for (; i >= 0; i--) {
  alert( i );
}

Прерывание цикла break и следующая итерация continue

Директивы break, continueВ JavaScript для прерывания цикла использует директива break. Рассмотрим вот такой пример:

var i=5;
for (; i >= 0; i--) {
if (i <= 1) break;
  alert( i );
}

Что я сделал? Я прервал цикл с помощью break, данный скрипт выведет числа в порядке убывания до 2 (//5, 4, 3, 2).

Очень интересная директива continue. Она позволяет прерывать лишь текущую итерацию, но последующая обязательно выполнится:

for (var i = 10; i >= 0; i--) {
  if (i % 2 == 1) continue;
  alert(i);
} 

Данный скрипт позволяет вывести последовательно чётные числа в порядке убывания. Здесь директива continue прерывает итерацию если остаток от деления на 2 равен 1 (то есть условие для нечётных чисел).



наверх