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;Переглядачі
| Переглядач | |||||
|---|---|---|---|---|---|
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;
}
}