Циклы while, for

При написании скриптов зачастую встает задача сделать однотипное действие много раз.

Например, вывести товары из списка один за другим. Или просто перебрать все числа от 1 до 10 и для каждого выполнить одинаковый код.

Для многократного повторения одного участка кода - предусмотрены циклы.

Цикл while

Цикл while имеет вид:

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

Пока условие верно — выполняется тело цикла
Например, цикл ниже выводит i пока i < 3:

var i = 0;
while (i < 3) {
  alert(i);
  i++;
}

Повторение цикла по-научному называется «итерация». Цикл в примере выше совершает три итерации.

Если бы i++ в коде выше не было, то цикл выполнялся бы (в теории) вечно. На практике, браузер выведет сообщение о «зависшем» скрипте и посетитель его остановит.

Бесконечный цикл можно сделать и проще:

while(true) {
  // ...
}

Цикл do..while

Проверку условия можно поставить под телом цикла, используя специальный синтаксис do..while:

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

Цикл, описанный, таким образом, сначала выполняет тело, а затем проверяет условие.

Например:

var i = 0;
do {
  alert(i);
  i++;
} while( i < 3);

Синтаксис do..while редко используется, т.к. обычный while нагляднее — в нём не приходится искать глазами условие и ломать голову, почему оно проверяется именно в конце.

var i = 3;

while(i) {
  alert(i--);
}

var i = 3;

while(i) {
  alert(i--);
}

var i = 3
alert(i--); // выведет 3, затем уменьшит i до 2

alert(i--) // выведет 2, затем уменьшит i до 1

alert(i--) // выведет 1, затем уменьшит i до 0

// все, проверка while(i) не даст выполняться циклу дальше

Цикл for

Чаще всего применяется цикл for. Выглядит он так:

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

Например, цикл выводит значения от 0 до 3 (не включая 3):

var i;

for (i=0; i<3; i++) {
  alert(i);
}

• Начало i=0 выполняется при заходе в цикл.
• Условие i<3 проверяется перед каждой итерацией.
• Шаг i++ выполняется после каждой итерации, но перед проверкой условия.

В цикле также можно определить переменную:

for (*!*var*/!* i=0; i<3; i++) {
  ... 
}

Любая часть for может быть пропущена.

Например, можно убрать начало:

var i = 0;
for (; i<3; i++) ...

Можно убрать и шаг:

var i = 0;
for (; i<3; ) {
 // цикл превратился в аналог while(i<3)
}

А можно и вообще убрать все, получив бесконечный цикл:

for (;;) { 
  // будет выполняться вечно 
}

При этом сами точки с запятой ; обязательно должны присутствовать, иначе будет ошибка синтаксиса.

for(var i=0; i<5; ++i) alert(i);

for(var i=0; i<5; i++) alert(i);