Зміст курсу
Вступ до JavaScript
Вступ до JavaScript
for
Цикл for є фундаментальною циклічною структурою в JavaScript, хоча спочатку може бути складним для розуміння. Він використовує ключове слово for
і вимагає три параметри, взяті в круглі дужки:
Ось розбивка цих параметрів:
- Initialization: Тут ви ініціалізуєте новий лічильник, який використовується у циклі
for
. Виконується тільки один раз. - Condition: Вираз, який перевіряється перед кожною ітерацією, подібно до циклу
while
. - Increment/Decrement: Операції, що виконуються над лічильником в кінці кожної ітерації циклу.
Примітка
Ітерація у циклах означає повторення блоку коду певну кількість разів або до виконання певної умови. Кожен раз, коли виконується блок коду, це вважається однією ітерацією.
Проілюструємо це на прикладі:
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
, як показано тут:
for (let i = 15; i > 10; i--) { console.log("i =", i); }
У циклі for
лічильник є унікальним для своєї області видимості, тому вам не потрібно турбуватися про конфлікт імені лічильника з іншими змінними:
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);
Також можна використовувати різні вирази для операцій Збільшення/Зменшення:
for (let i = 0; i < 40; i += 7) { console.log("i =", i); };
Порівняння циклів for та while
Якщо порівнювати цикли for
і while
, то цикл for
часто виявляється простішим і лаконічнішим. Ось приклад еквівалентних циклів:
// 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
) після виконання.
Дякуємо за ваш відгук!