Циклы

Циклы это повторяющиеся условия, где одна переменная изменяется в цикле. Циклы удобны, когда вы хотите выполнить один код повторно, каждый раз с другим значением.

Вместо того чтобы писать:

doThing(cars[0]);
doThing(cars[1]);
doThing(cars[2]);
doThing(cars[3]);
doThing(cars[4]);

Вы можете написать

for (var i=0; i < cars.length; i++) { 
  doThing(cars[i]);
}

Цикл for

Самым простым типом цикла является оператор for. Его синтаксис похож на if, но с большим числом параметров:

for(условие; условие завершения; изменение){
  // сделать что-то прямо сейчас
}

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

for(var i = 0; i < 10; i = i + 1){
  // Выполнять этот код 10 раз
}

i = i + 1 можно записать как i++.

Цикл while

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

while(условие){
  // выполнять до тех пор, пока условие истинно
}

Цикл в данном примере будет повторно выполнять этот блок кода, пока переменная i меньше 5:

var i = 0, x = "";
while (i < 5) {
  x = x + "Число " + i;
  i++;
}

do...while цикл является разновидностью цикла while. Этот цикл будет выполнять блок кода сразу перед проверкой на истинность условия. А затем повторяет цикл до тех пор, пока условие истинно:

do {
  // блок кода для выполнения
} while (условие);

Будьте осторожны и избегайте бесконечного цикла, который возникает если условие всегда истинно!

Цикл do...while

Конструкция do...while создаёт цикл, который выполняется до тех пор, пока заданное условие не станет ложным. Условие вычисляется после выполнения итерации. Синтаксис для do...while следующий:

do{
  // что-то делать
}
while(условие) ;

Давайте на примере посмотрим, как напечатать числа меньше 10 с помощью цикла do...while:

var i = 0;
do {
  document.write(i + " ");
  i++; // увеличиваем i на 1 
} while (i < 10);