Неплохое
описание цикла for на Mozilla Developers Network (на русском).
Попробую своими словами. Внутри for( ... ) находится три выражения:
- начальное состояние
- проверяемое условие
- действие на каждом цикле
Для сравнения, в цикле
while()
из этого зоопарка присутствует только
условие.
Простой пример:
for( i = 0; i < 2; i = i + 1) {
console.log( i ); // выводит значение i в консоль
}
Один раз в начале выполняется первая часть, «начальное состояние»
i = 0
.
Проверяется условие
i < 2
.
Всё в порядке? – «ныряем» внутрь. Выполняется console.log() и выводится
0
.
Теперь выполняется третье выражение:
i = i + 1
.
Снова проверяется условие
i < 2
и если всё ок, снова ныряем.
Выводится
1
.
Опять выполняется третье выражение
i = i + 1
, но условие уже не проходит проверку, т.к.
i
стало равно
2
.
Всё, цикл закончен.
Такой же цикл с
while()
выглядел бы так:
i = 0;
while( i < 2 ) {
console.log( i );
i = i + 1;
}
Т.е.
for()
это просто более компактная запись довольно типичного цикла.