Урок №5. Что такое цикл for в JavaScript

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

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

Схема цикла for:

var i;
for(i=0; условие; i++) {
 блок кода;
}

В качестве условия, в циклах JavaScript, обычно выступают операции сравнения.

Пример использования цикла:

var i;
for(i=0; i<5; i++) {
 alert("Привет!");
}

Данный скрипт, выведет пять окошек подряд, с надписью Привет!. Рассмотрим каждую часть цикла.

Сначала создаём переменную var i;, которая будет участвовать в цикле, меняя свое значение. Затем на следующей строке пишем for() { }, где между фигурными скобками { } располагаем код, который будет исполняться определённое количество раз.

Между обычными скобками () располагаем: i=0; присвоили начальное значение, переменной i,

i<5; условие, при котором будет работать цикл,

i++ арифметическая операция, увеличивающая переменную i на единицу 1, при каждом проходе цикла.

В итоге получаем, что всего в цикле будет 5 проходов (итераций), окошко появится 5 раз.

Разбираем подробней работу цикла for

Интерпретатор JavaScript, находя в коде цикл for, действует следующим образом, сначала он выясняет значение переменной i в нашем примере i=0, далее проверяется условие i<5, если условие вернёт true, то запустится код размещённый в фигурных скобках { }. После чего выполнится арифметическая операция i++, т.е. i + 1.

Затем все повторяется заного: — определение значения переменной i,

— проверка условия,

— выполнение кода,

— арифметическая операция i++

Один проход по циклу, называется итерацией.

В нашем примере, будет всего 5 итераций, со значениями i равными 0, 1, 2, 3, 4. Как только i станет равной 5, то условие i<5 вернёт false и выполнение цикла прекратится.