JS
March 13, 2022

Циклы в JS

Цикл for позволяет повторять похожие действия, задав условия повторения. Конструкция цикла похожа на конструкцию условия if. Сначала идёт ключевое слово for, потом круглые скобки, а затем фигурные. В фигурных скобках размещают код, который нужно повторять:
for () {
console.log('Никаких больше вечеринок');
}
А в круглых — три условия цикла, разделённых точкой с запятой.
for (начало; условие; шаг) {
// ... тело цикла ...
}
На примере:
Во-первых, повторения нужно считать. Оттого первое условие — это начальное значение переменной-СЧЕТЧИКА:
for (let i = 0;) {
console.log('Никаких больше вечеринок');
}
Переменная-счётчик отвечает за то, сколько раз будет выполняться код в фигурных скобках. Чтобы ограничить это количество, есть второе условие, оно задаёт конечное значение переменной:
for (let i = 0; i <= 4;) {
console.log('Никаких больше вечеринок');
}
// повторяем текст о вечеринках не более 5 раз, считая от 0 до 4
Но от начального значения к конечному нужно как-то идти. Третье условие говорит о том, с каким шагом считать. Например, увеличивать счётчик на единицу:
for (let i = 0; i <= 4; i = i + 1) {
console.log('Никаких больше вечеринок');
}
Такой цикл выведет в консоль фразу «Никаких больше вечеринок» 5 раз.

Массивы хорошо подходят, чтобы перебирать их элементы в цикле. Такой код выведет в консоль все элементы массива array, тем самым сосчитав до пяти:
let array = ['животные', 'растения', 'грибы', 'микроорганизмы', 'вирусы'];

for (let i = 0; i <= 4; i = i + 1) {
console.log(array[i]);
}
// животные
// растения
// грибы
// микроорганизмы
// вирусы
Переменная i, изменяясь в цикле, играет роль индекса, по которому можно поочерёдно достать каждый элемент.