css.in.ua
Підтримати

JS об'єкт break

Загальний опис

break — це ключове слово, яке використовується для дострокового завершення виконання поточного циклу або блоку switch. Воно негайно припиняє роботу конструкції, в якій викликається, і передає управління на наступну інструкцію після цієї конструкції.

Використання в циклах

break особливо корисний у циклах (for, while, do...while), якщо потрібно припинити ітерацію за певних умов. Наприклад, якщо знайдений потрібний елемент в масиві, інші елементи можна не перевіряти:

const numbers = [1, 3, 5, 7, 9];
for (let number of numbers) {
  if (number === 5) {
    console.log('Знайдено число 5!');
    break; // Цикл припиняється
  }
}

Використання в switch

У блоці switch, ключове слово break дозволяє вийти з поточної гілки після виконання її коду, щоб уникнути переходу до наступної гілки.

const fruit = 'яблуко';
switch (fruit) {
  case 'яблуко':
    console.log('Це яблуко.');
    break; // Виходимо з блоку switch
  case 'банан':
    console.log('Це банан.');
    break;
  default:
    console.log('Це невідомий фрукт.');
}

Без break усі наступні гілки case будуть виконуватися, навіть якщо умова вже була виконана.

Вкладені цикли

break може використовуватися для виходу лише з найближчого циклу. Щоб завершити роботу кількох циклів одночасно, часто застосовують мітки (label), хоча це менш поширений підхід.

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

Використовуйте break з мітками для складних вкладених конструкцій, але уникайте надмірного використання міток. Їх важко відстежувати в довгому коді.
Порада:

У тестуванні масивів або об’єктів break корисний для дострокового завершення, але слід уникати ситуацій, коли це порушує читабельність:

for (let item of items) {
  if (item.matchesCondition) {
    handle(item);
    break;
  }
}
Порада:

Не використовуйте break поза контекстом циклів чи switch. Це спричинить синтаксичну помилку.

Синтаксис

break;

Переглядачі

Переглядач

1

1

1

4

12
Переглядач

4.4

18

4

1
Переглядач

0.10.0

1.0

Приклади


Користувач вводить число в текстове поле та натискає "Знайти". Після цього скрипт запускає цикл перевірки, який достроково зупиняється за допомогою break, якщо знайдено збіг. Якщо число є в масиві, результат відображається під формою, і цикл припиняє виконання. Якщо число відсутнє, користувач отримає відповідне повідомлення.

У цьому прикладі використання мітки дозволяє припинити обидва цикли після знаходження числа 5, що спрощує логіку програми. 

const matrix = [
  [1, 2, 3],
  [4, 5, 6],
  [7, 8, 9]
];

outerLoop: for (let i = 0; i < matrix.length; i++) {
  for (let j = 0; j < matrix[i].length; j++) {
    if (matrix[i][j] === 5) {
      console.log('Знайдено число 5!');
      break outerLoop; // Завершення обох циклів
    }
  }
}

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

const largeArray = Array.from({ length: 1000 }, (_, i) => i + 1);
for (let number of largeArray) {
  if (number > 100) {
    console.log(`Знайдено перше число більше за 100: ${number}`);
    break;
  }
}

Методи

Властивості

Спільнота

Зв'язок