Урок 3. Основы JavaScript. Оператор «for»

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

Из чего состоит цикл

Чтобы цикл заработал, после обозначения ключевого слова for мы прописываем в круглых и фигурных скобках такие его части:

В круглых:

— начальное значение – часть инициализации, где переменной присваивается вводное значение. Эта часть выполняется лишь 1 раз, а затем модифицируется;

— условие – с этим условием сравнивается значение переменной, и пока значение истинно (true) будет выполняться тело цикла;

— модификация начального значения – часть, где указывается как необходимо преобразовать начальное значение после каждого прохождения тела цикла.

В фигурных:

— тело цикла – что необходимо выполнить.

В виде кода это выглядит так:

for (начальное значение; условие; модификация начального значения) {
   тело цикла;
}

Справка! Значения в круглых скобках разделяются точкой с запятой.

Пример

Напишем простой цикл:

for (let i = 0; i < 3; i++) {
   console.log(i);
}

В данном цикле мы написали:

— начальное значение – переменная i равна 0;

— условие – пока значение переменной i меньше 3, нужно выполнять цикл;

— модификация – после каждого прохождения цикла необходимо увеличить значение переменной i на единицу и повторить все шаги заново. 

Компьютер выполнит его так:

1. Возьмёт начальное значение i = 0.

2. Сравнит его с условием i < 3. Определит логическое выражение как истину.

3. Выполнит тело цикла – выведет в консоль значение i – 0.

4. Перейдёт к модификации, увидит, что необходимо увеличить начальное значение на 1. Сделает это.

5. Трансформирует значение 0 в значение 1.

6. Сравнит его с условием  i < 3. Определит логическое выражение как истину.

7. Выполнит тело цикла – выведет в консоль значение i – 1.

8. Снова перейдёт к модификации и увеличит последнее значение i еще на 1.

9. Трансформирует 1 в значение 2.

10. Сравнит его с условием  i < 3. Определит логическое выражение как истину.

11. Выполнит тело цикла – выведет в консоль значение i – 2.

12. Снова проведет модификацию и изменит значение с 2 на 3.

13. Сравнит его с условием  i < 3. Теперь логическое выражение определяется как ложное. Поэтому тело цикла больше выполняться не будет. 

14. Цикл остановится и программа продолжит делать тот код, который мы напишем после цикла.

Все шаги, которые выполняет компьютер, мы не увидим. В консоль выводятся только результаты каждого выполненного цикла:

0
1
2

Благодаря условной части мы управляем циклом – он повторяется до тех пор, пока выполняется поставленное нами условие. Так мы контролируем количество циклов.

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

Теперь вы умеете пользоваться циклами! А в следующем уроке мы разберём, что такое функции и как с ними работать.