JavaScript предлагает управляющие операторы для настройки и демонстрации потока.
Клавиши continue или break можно использовать для получения большего контроля в циклах или операторах принятия решений, таких как switch.

Заявление о перерыве

Как следует из названия, он использовался для прерывания цикла или непрерывного выполнения, например оператора switch. Блок-схема оператора break будет выглядеть следующим образом:

Пример

В следующем примере показано использование оператора break с циклом while. если x достигает 5, он удовлетворяет условию x==5 и прерывает цикл при выполнении оператора break.

<html>
   <body>     
      <script type = "text/javascript">
         <!--
         var x = 1;
         document.write("Entering the loop<br /> ");
         
         while (x < 20) {
            if (x == 5) {
               break;   // breaks out of loop completely
            }
            x = x + 1;
            document.write( x + "<br />");
         }         
         document.write("Exiting the loop!<br /> ");
         //-->
      </script>
      
      <p>Set the variable to different value and then try...</p>
   </body>
</html>

Выход

Entering the loop
2
3
4
5
Exiting the loop!
Set the variable to different value and then try...

Примечание. Мы уже видели использование оператора break внутри оператора switch.

Заявление о продолжении

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

Пример

когда x достигает 5, x==5 становится истинным, и он будет выполняться continue, поэтому нижеприведенный оператор continue внутри цикла будет пропущен, т. е. x не будет выводиться на экран.

Примечание: будьте осторожны при использовании оператора continue, если строка приращения x=x+1 размещена ниже continue, тогда этот цикл становится бесконечным из-за невыполнения строки приращения и условие завершения цикла никогда не достигается

<html>
   <body>      
      <script type = "text/javascript">
         <!--
            var x = 1;
            document.write("Entering the loop<br /> ");
         
            while (x < 10) {
               x = x + 1;
               
               if (x == 5) {
                  continue;   // skip rest of the loop body
               }
               document.write( x + "<br />");
            }         
            document.write("Exiting the loop!<br /> ");
         //-->
      </script>      
      <p>Set the variable to different value and then try...</p>
   </body>
</html>

Выход

Entering the loop
2
3
4
6
7
8
9
10
Exiting the loop!
Set the variable to different value and then try...

Использование меток для управления потоком

label — это работа, которая заканчивается двоеточием (:), указывающим на место в коде, которое обычно используется оператором break/control, чтобы определить, какой цикл прерывать, когда дело доходит до вложенного цикла.

Примечание. Разрывы строк между оператором continue или break и его названием не допускаются. Кроме того, между именем метки и соответствующим циклом не должно быть никаких других утверждений.

Пример 1

<html>
   <body>      
      <script type = "text/javascript">
         <!--
            document.write("Entering the loop!<br /> ");
            outerloop:        // This is the label name         
            for (var i = 0; i < 5; i++) {
               document.write("Outerloop: " + i + "<br />");
               innerloop:
               for (var j = 0; j < 5; j++) {
                  if (j > 3 ) break ;           // Quit the innermost loop
                  if (i == 2) break innerloop;  // Do the same thing
                  if (i == 4) break outerloop;  // Quit the outer loop
                  document.write("Innerloop: " + j + " <br />");
               }
            }        
            document.write("Exiting the loop!<br /> ");
         //-->
      </script>      
   </body>
</html>

Выход

Entering the loop!
Outerloop: 0
Innerloop: 0 
Innerloop: 1 
Innerloop: 2 
Innerloop: 3 
Outerloop: 1
Innerloop: 0 
Innerloop: 1 
Innerloop: 2 
Innerloop: 3 
Outerloop: 2
Outerloop: 3
Innerloop: 0 
Innerloop: 1 
Innerloop: 2 
Innerloop: 3 
Outerloop: 4
Exiting the loop!

Пример 2

<html>
   <body>
   
      <script type = "text/javascript">
         <!--
         document.write("Entering the loop!<br /> ");
         outerloop:     // This is the label name
         
         for (var i = 0; i < 3; i++) {
            document.write("Outerloop: " + i + "<br />");
            for (var j = 0; j < 5; j++) {
               if (j == 3) {
                  continue outerloop;
               }
               document.write("Innerloop: " + j + "<br />");
            }
         }
         
         document.write("Exiting the loop!<br /> ");
         //-->
      </script>
      
   </body>
</html>

Выход

Entering the loop!
Outerloop: 0
Innerloop: 0
Innerloop: 1
Innerloop: 2
Outerloop: 1
Innerloop: 0
Innerloop: 1
Innerloop: 2
Outerloop: 2
Innerloop: 0
Innerloop: 1
Innerloop: 2
Exiting the loop!

Справочник

https://www.tutorialspoint.com/javascript/javascript_loop_control.htm