JavaRush /Курси /Frontend SELF UA /Керування потоком виконання циклів

Керування потоком виконання циклів

Frontend SELF UA
Рівень 34 , Лекція 4
Відкрита

10.1 Оператор break

Оператори break та continue використовуються для керування потоком виконання циклів у JavaScript. Вони дозволяють негайно припинити виконання циклу або перейти до наступної ітерації, відповідно.

Оператор break

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

Синтаксис:

    
      break;
    
  

Переривання циклу for:

JavaScript
    
      for (let i = 0; i < 10; i++) {

        if (i === 5) {
          break; // Перериває цикл при досягненні i = 5
        }
        console.log(i);
      }

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

10.2 Оператор continue

Оператор continue використовується для пропуску поточної ітерації циклу та переходу до наступної ітерації. На відміну від оператора break, continue не завершує весь цикл, лише пропускає поточну ітерацію.

Синтаксис:

    
      continue;
    
  

Пропуск ітерації в циклі for:

JavaScript
    
      for (let i = 0; i < 10; i++) {

        if (i % 2 === 0) {
          continue; // Пропускає поточну ітерацію, якщо i парне
        }
        console.log(i);
      }

      // Вивід: 1 3 5 7 9
    
  

Пропуск ітерації в циклі while:

JavaScript
    
    let i = 0;

    while (i < 10) {
      i++;
      if (i % 2 === 0) {
        continue; // Пропускає поточну ітерацію, якщо i парне
      }
      console.log(i);
    }

    // Вивід: 1 3 5 7 9
    
  

10.3 Порівняння операторів break та continue

Оператор Опис Приклади використання
break Негайно завершує виконання поточного циклу Вихід з циклу при виконанні умови
continue Пропускає поточну ітерацію циклу та переходить до наступної ітерації Пропуск ітерації циклу при виконанні умови

Оператори break та continue є потужними інструментами для керування потоком виконання циклів у JavaScript. break використовується для негайного завершення циклу, тоді як continue пропускає поточну ітерацію та переходить до наступної. Правильне використання цих операторів дозволяє створювати більш гнучкий та ефективний код, який легше розуміти та підтримувати.

10.4 Використання break і continue у вкладених циклах

Вкладені цикли — це цикли, які знаходяться всередині інших циклів. Оператори break та continue можна використовувати у таких конструкціях для керування потоком виконання як зовнішнього, так і внутрішнього циклу.

Приклад з break у вкладених циклах:

JavaScript
    
      for (let i = 0; i < 3; i++) {
        for (let j = 0; j < 3; j++) {
          if (i === 1 && j === 1) {
            break; // вихід з внутрішнього циклу
          }
          console.log(`i = ${i}, j = ${j}`);
        }
      }

      // Вивід:
      // i = 0, j = 0
      // i = 0, j = 1
      // i = 0, j = 2
      // i = 1, j = 0
      // i = 2, j = 0
      // i = 2, j = 1
      // i = 2, j = 2
    
  

Приклад з continue у вкладених циклах:

JavaScript
    
      for (let i = 0; i < 3; i++) {
        for (let j = 0; j < 3; j++) {
          if (i === 1 && j === 1) {
            continue; // пропуск ітерації внутрішнього циклу
          }
          console.log(`i = ${i}, j = ${j}`);
        }
      }

      // Вивід:
      // i = 0, j = 0
      // i = 0, j = 1
      // i = 0, j = 2
      // i = 1, j = 0
      // i = 1, j = 2
      // i = 2, j = 0
      // i = 2, j = 1
      // i = 2, j = 2
    
  
1
Опитування
Цикли та масиви, рівень 34, лекція 4
Недоступний
Цикли та масиви
Цикли та масиви
Коментарі (1)
ЩОБ ПОДИВИТИСЯ ВСІ КОМЕНТАРІ АБО ЗАЛИШИТИ КОМЕНТАР,
ПЕРЕЙДІТЬ В ПОВНУ ВЕРСІЮ
Yuriy Рівень 42
5 грудня 2025
у першому питанні тесту "Який цикл виконує блок коду, поки умова істинна, та перевіряє умову перед кожною ітерацією?" - цикл for, на думку того, складав ці питання - він не виконує код, поки умова істина? Чи не перевіряє умову перед кожною ітерацією? от просто цікаво :)