Оператор Break в JavaScript

Оператор break в JavaScript, который прерывает цикл или оператор switch. Он просто сообщает браузеру выйти из блока кода и перейти к следующей строке кода (если таковая имеется) после блока.

Когда оператор break выполняется внутри оператора цикла, цикл немедленно завершается при заданном условии. В результате элемент управления продолжает выполнение следующего оператора, следующего сразу за телом цикла.

Аналогично, когда оператор break встречается внутри блока switch, он завершает ‘обращение’ внутри блока switch и останавливает выполнение других обращений внутри switch.

Когда циклы вложены, оператор break прерывает только внутренний цикл. Мы можем использовать оператор break JavaScript во всех типах циклов, таких как цикл for, цикл while и цикл do-while.

Синтаксис оператора Break

Синтаксис использования оператора break в JavaScript следующий:

// Jump statement
   break;

Блок-схема оператора break в JavaScript показана на рисунке ниже.

Вы также можете использовать оператор break со ссылкой на label для выхода из любого блока кода JavaScript. Общий синтаксис использования оператора break с label выглядит следующим образом:

break labelName;

Без метки вы можете использовать break только внутри цикла или переключателя.

Использование оператора Break

Оператор Break в JavaScript может использоваться тремя способами, которые:

1. Мы можем использовать break внутри тела цикла, чтобы выйти из него. Посмотрите на рисунок ниже, чтобы лучше понять.

2. Мы можем использовать его внутри блока switch, чтобы выйти из блока switch.

3. Мы также можем использовать его внутри вложенных блоков, чтобы перейти к концу блока.

Пример программы, основанной на операторе Break

Давайте рассмотрим простой пример программы, в которой мы будем использовать оператор break внутри цикла for для разрыва цикла.

Пример 1:

<script>
// Using for loop.
  for(let i = 1; i <= 10; i++)
  {
    if(i == 5) break; // Breaking a loop.
    document.write("I = " +i, "<br>");
  }
</script>

Вывод:
 I = 1
 I = 2
 I = 3
 I = 4

Давайте создадим другую программу, в которой мы будем использовать оператор break внутри внутреннего цикла for для выхода из цикла.

Пример 2:

<script>
// Outer for loop.
  for(let i = 1; i <= 3; i++)
  {
 // Inner for loop.
    for(let j = 0; j <= 3; j++)
    {
      if(i == 2 && j == 2)
        break; // Using break statement inside for loop.
      document.write(i+" "+j, "<br>");
    }
  }
</script>

Вывод:
 1 0
 1 1
 1 2
 1 3
 2 0
 2 1
 3 0
 3 1
 3 2
 3 3

Давайте создадим программу, в которой мы будем использовать оператор break с надписью for цикл. Мы будем использовать break с надписью для выхода из цикла.

Пример 3:

<script>
// Outer for loop.
  for(let i = 1; i <= 3; i++)
  {
   bb:
// Inner for loop.
   for(let j = 1; j <= 3; j++)
   {
    if(i == 2 && j == 2)
      break bb; // Using break statement with label.
    document.write(i+" "+j, "<br>");
   }
 }
</script>

Вывод:
 1 1
 1 2
 1 3
 2 1
 3 1
 3 2
 3 3

Давайте создадим программу, в которой мы будем использовать оператор break внутри цикла while для выхода из цикла.

Пример 4:

<script>
// while loop.
   let i = 1;
   while(i <= 10) {
   if(i == 5) {
     i++;
    break; // Breaking the loop.
   }
  document.write(i, "<br>");
  i++;
 }
</script>

Вывод:
 1
 2
 3
 4

Давайте создадим программу, в которой мы будем использовать оператор break внутри цикла do-while для выхода из цикла.

Пример 5:

<script>
// Initialization.
   let i = 1;
// do-while loop.
   do {
   if(i == 5) {
     i++;
     break;
    }
   document.write(i, "<br>");
   i++;
  } while(i <= 10);
</script>

Вывод:
 1
 2
 3
 4

Еще один пример, основанный на операторе Break

Пример 6:

<script>
   const stNames = ["Deepak", "Ivaan", "Hileri", "John"];
   let text = "";
   list: {
      text += stNames[0]+"<br>";
      text += stNames[1]+"<br>";
      text += stNames[2]+"<br>";
      break list;
      text += stNames[3]+"<br>";
    }
   document.write(text);
</script>

Вывод:
 Дипак
 Ivaan
 Hileri

В этом руководстве вы узнали, как использовать оператор break в JavaScript для выхода из цикла. Надеюсь, что вы поняли основные концепции оператора break. В следующем руководстве мы обсудим оператор continue в JavaScript с примерами программ.