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 з мітками для складних вкладених конструкцій, але уникайте надмірного використання міток. Їх важко відстежувати в довгому коді.

автор: Bond правити

Порада

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

автор: Bond правити

Порада

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

for (let item of items) {
  if (item.matchesCondition) {
    handle(item);
    break;
  }
}

автор: Bond правити

+ додати пораду чи нотатку

Синтаксис

break;

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі Серверні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
	1	1	1	4	12	3

Підтримка: мобільні переглядачі

Переглядач
	4.4	18	4	1

Підтримка: серверні переглядачі

Переглядач
	0.10.0	1.0

Приклади

+ запропонувати свій приклад у пісочниці

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; // Завершення обох циклів
    }
  }
}

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