Цикли

Програмам часто потрібно повторювати одну й ту саму дію більше одного разу.

Замість того щоб писати той самий код знову і знову, можна використати цикл, який повторить блок коду за тебе.

Що таке цикл

Цикл повторює блок коду.

Він може повторюватися певну кількість разів або поки умова є істинною.

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

Чому цикли корисні

Цикли економлять час і допомагають уникати повторення коду.

Наприклад, якщо ти хочеш показати повідомлення 100 разів, не варто писати 100 окремих рядків console.log().

З циклом ти пишеш повідомлення один раз і контролюєш, скільки разів воно повториться.

Перший приклад коду

Цикл for часто використовують для підрахунку і повторення дій.

for (let count = 1; count <= 3; count++) {
  console.log("Це повідомлення номер " + count);
}

Коли ти натиснеш Запустити, то побачиш три повідомлення в секції виводу.

Пояснення коду

Цикл for має три частини всередині круглих дужок.

Вони розділені крапками з комою ;.

• let count = 1 - це початкове значення. Воно створює змінну-лічильник і починає її з 1.
• count <= 3 - це умова. Цикл виконується, поки ця умова істинна.
• count++ - це оновлення. Воно збільшує count на 1 після кожного повторення.

Код усередині фігурних дужок {} виконується щоразу, коли цикл повторюється.

Коли count стає 4, умова count <= 3 є хибною, тому цикл зупиняється.

Зміна кількості повторень циклу

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

Цей приклад рахує від 5 до 10.

for (let i = 5; i <= 10; i++) {
  console.log("Рахуємо: " + i);
}

У JavaScript також є цикл while. Цикл while повторює код, поки умова є істинною.

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

Попередження: Переконайся, що твій цикл може зупинитися. Якщо умова ніколи не стане хибною, цикл може виконуватися вічно і заморозити сторінку.

Міні-завдання

Зміни блок коду нижче, щоб він виводив числа від 1 до 5 замість чисел від 1 до 2.

for (let count = 1; count <= 2; count++) {
  console.log(count);
}

Короткий тест

Запитання: Що відбувається, коли умова циклу стає хибною?

• A) Цикл починається з початку.
• B) Цикл зупиняється.
• C) Цикл стає нескінченним.

Відповідь: B. Цикл зупиняється.

Малий виклик

Напиши цикл for, який виводить "Привіт" рівно чотири рази.

// напиши свій код нижче

console.log()

Підсумок

• Цикл повторює блок коду.
• Цикл for корисний для підрахунку і повторення дій.
• Базовий цикл for має початкове значення, умову й оновлення.
• Цикл зупиняється, коли умова стає хибною.
• Цикл повинен мати спосіб зупинитися, інакше він може стати нескінченним.