for

Цикл for є фундаментальною циклічною структурою в JavaScript, хоча спочатку може бути складним для розуміння. Він використовує ключове слово for і вимагає три параметри, взяті в круглі дужки:

Ось розбивка цих параметрів:

Initialization: Тут ви ініціалізуєте новий лічильник, який використовується у циклі for. Виконується тільки один раз.
Condition: Вираз, який перевіряється перед кожною ітерацією, подібно до циклу while.
Increment/Decrement: Операції, що виконуються над лічильником в кінці кожної ітерації циклу.

Примітка
Ітерація у циклах означає повторення блоку коду певну кількість разів або до виконання певної умови. Кожен раз, коли виконується блок коду, це вважається однією ітерацією.

Проілюструємо це на прикладі:


              123
            
for (let i = 1; i < 5; i++) {
  console.log("Loop iteration:", i);
};

У цьому прикладі

let i = 1: Ініціалізація, де ми створюємо змінну i всередині циклу for. Ця операція виконується один раз.
i < 5: Умова, перевіряється перед кожною ітерацією.
i++: Вираз для збільшення, виконується після кожної ітерації.
console.log("Loop iteration:", i);: Тіло циклу for.

Кожен крок у циклі можна описати наступним чином:

Крок 2 повторюється до тих пір, поки умова не стане false.

Може бути корисно розглянути діаграму, щоб краще зрозуміти, як працює цикл.

Ви також можете використовувати декремент у циклі for, як показано тут:


              123
            
for (let i = 15; i > 10; i--) {
  console.log("i =", i);
}

У циклі for лічильник є унікальним для своєї області видимості, тому вам не потрібно турбуватися про конфлікт імені лічильника з іншими змінними:


              12345678
            
let i = 2077;
console.log("(global) i =", i);

for (let i = 0; i < 4; i++) {
  console.log("(for) i =", i);
}

console.log("(global) i =", i);

Також можна використовувати різні вирази для операцій Збільшення/Зменшення:


              123
            
for (let i = 0; i < 40; i += 7) {
  console.log("i =", i);
};

Порівняння циклів for та while

Якщо порівнювати цикли for і while, то цикл for часто виявляється простішим і лаконічнішим. Ось приклад еквівалентних циклів:


              1234567891011
            
// WHILE
let a = 1;
while (a <= 3) {
  console.log("While:", a);
  a++;
}

// FOR
for (let i = 1; i <= 3; i++) {
  console.log("For:", i);
}

У цьому порівнянні цикл for є більш простим і займає менше місця в коді. Крім того, цикл for автоматично очищає змінну-лічильник (у цьому випадку i) після виконання.

Все було зрозуміло?

Секція 5. Розділ 4