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