Урок 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 в тех случаях, когда необходимо повторить одно и то же действие несколько раз. Например, для написания счётчика, таблицы умножения, арифметической и геометрической прогрессии и т. д.
Теперь вы умеете пользоваться циклами! А в следующем уроке мы разберём, что такое функции и как с ними работать.