Цикли у JavaScript

6.1 Цикл while

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

Цикл while виконує блок коду доти, поки умова істинна (true).

Синтаксис:

    
      while (condition) {
        // код, який виконуватиметься, поки умова істинна
      }
    
  

Приклад:

    
      let i = 0;
      while (i < 5) {
        console.log(`Ітерація номер ${i}`);
        i++;
      }

      // Вивід:
      // Ітерація номер 0
      // Ітерація номер 1
      // Ітерація номер 2
      // Ітерація номер 3
      // Ітерація номер 4
    
  

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

• Цикл продовжує виконання, поки значення i менше 5
• Всередині циклу значення i збільшується на 1 після кожної ітерації

6.2 Виконуємо блок коду n разів

Дуже часто виникає ситуація, коли блок коду потрібно виконати визначену кількість разів. Цей код можна записати у вигляді циклу while:

    
      let i = 0;
      while (i < 5) {
        console.log(`Ітерація номер ${i}`);
        i++;
      }
    
  

У загальному вигляді це буде виглядати так:

    
      ініціалізація
      while (умова) {
        блок коду
        крок
      }
    
  

6.3 Цикл for

Цикл for

Цикл for — один із найбільш часто використовуваних циклів у JavaScript. Він спеціально створений для того, щоб повторювати блок коду визначену кількість разів.

Синтаксис:

    
      for (ініціалізація; умова; крок) {
        // код, який виконуватиметься на кожній ітерації
      }
    
  

Приклад:

    
      for (let i = 0; i < 5; i++) {
        console.log(`Ітерація номер ${i}`);
      }
      // Вивід:
      // Ітерація номер 0
      // Ітерація номер 1
      // Ітерація номер 2
      // Ітерація номер 3
      // Ітерація номер 4
    
  

Пояснення:

• let i = 0 — ініціалізація змінної i, яка буде лічильником ітерацій
• i < 5 — умова, при якій цикл продовжує виконання. Цикл зупиниться, коли i стане рівним 5
• i++ — крок, який виконується після кожної ітерації, збільшуючи значення i на 1

6.4 Цикл do...while

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

Синтаксис:

    
      do {
        // код, який виконається хоча б один раз
      } while (умова);
    
  

Приклад:

    
      let i = 0;
      do {
        console.log(`Ітерація номер ${i}`);
        i++;
      } while (i < 5);

      // Вивід:
      // Ітерація номер 0
      // Ітерація номер 1
      // Ітерація номер 2
      // Ітерація номер 3
      // Ітерація номер 4
    
  

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

• Блок коду всередині do виконається хоча б один раз, навіть якщо умова спочатку хибна
• Після виконання блоку коду умова перевіряється, і якщо вона істинна, цикл триває

6.5 Порівняння циклів

Приклади використання циклів

Перебір масиву за допомогою for:

    
      let array = [1, 2, 3, 4, 5];
      for (let i = 0; i < array.length; i++) {
        console.log(array[i]);
      }

      // Вивід: 1 2 3 4 5
    
  

Використання while для очікування умови:

    
      let n = 0;
      let x = 0;
      while (n < 3) {
        n++;
        x += n;
      }

      console.log(x); // 6 (1 + 2 + 3)
    
  

Використання do-while для виконання хоча б однієї ітерації:

    
      let i = 0;

      do {
        console.log(i);
        i++;
      } while (i < 0);

      // Вивід: 0 (цикл виконано один раз, незважаючи на хибну умову)