Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
for | Цикли
Вступ до JavaScript
course content

Зміст курсу

Вступ до JavaScript

Вступ до JavaScript

1. Основні Поняття
2. Змінні та Типи Даних
3. Основні Операції
4. Умовні Оператори
5. Цикли
6. Функції

bookfor

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

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

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

Примітка

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

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

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

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

  • 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); }
copy

У циклі 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);
copy

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

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

Порівняння циклів 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); }
copy

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

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

Як ми можемо покращити це?

Дякуємо за ваш відгук!

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