在之前的文章中，我們帶大家學習了JS中的幾個循環控制結構（while和do-while循環、for循環），下面聊聊跳出迴圈語句break和continue，希望對大家有幫助！
透過前面對循環的學習我們知道，預設循環會在表達式結果為假時自動退出循環，否則循環會一直持續下去。在某些情況下，我們不用等待循環自動退出，可以主動退出循環，JavaScript 中提供了 break 和 continue 兩個語句來實現退出循環和退出（跳過）目前循環。
1、continue語句
continue 語句用來跳過本次循環，執行下次迴圈。當遇到 continue 語句時，程式會立即重新偵測條件表達式，如果表達式結果為真則開始下次循環，如果表達式結果為假則退出循環。
【範例1】使用continue 語句跳出for 迴圈：
<script type="text/javascript">
for (var i = 1; i < 10; i++) {
if(i % 2 != 0) {
continue;
}
console.log(i);
}
</script>分析：
for (var i = 0; i < ; 10; i ){}語句可以循環得到1~10 之間的所有數字
if(i % 2 != 0)語句用來判斷i的值能否整除2，不能整除則()中值為true，則執行continue;語句。
在迴圈體中，使用if(i % 2 == 0)語句進行判斷，如果i的值能整除2就使用「console.log(i);」輸出；如果i的值不能整除2，則觸發continue;語句，跳出本次循環（不進行輸出），執行下一次迴圈。
輸出結果：
#2、break語句
break語句用於跳出目前的語法結構，可以終止循環體的程式碼並立即跳出目前的循環，執行循環之後的程式碼（如果有的話）。
break和continue的不同點是：continue語句只是結束本次循環，而 break 語句會終止整個迴圈的執行。
沿用上面的範例1中程式碼，將continue;換成break;，會輸出什麼？
<script type="text/javascript">
for (var i = 1; i < 10; i++) {
if(i % 2 != 0) {
break;
}
console.log(i);
}
</script>答案是：什麼也不輸出。為什麼會這樣尼？讓我們來分析一下：
forx迴圈一開始，i=1，1小於10嗎？當然，然後開始執行迴圈中的if(i % 2 != 0)語句；
那麼1能整除2嗎？顯然是不能，因此()中值為true，則執行if中的「break;」語句，直接跳出整個循環了，根本沒有機會執行「console .log(i);」語句。
#值得注意的是，break和continue都只對目前迴圈有效。如果我們有嵌套循環，那麼就要很小心了。不妨來看下面的範例：
for (let i = 0; i < 5; i++) {
if (i % 2 == 0) continue;
for (let j = 0; j < 5; j++) {
if (j == 2) break;
console.log(`i = ${i}, j = ${j}`);
}
}這裡我們有兩個循環，每一個都會執行 5 次(0~4)。外層的循環在 i 是偶數的時候，跳過目前迴圈執行下一個。也就是說只有 i 為 1 或則 3 的時候，才會執行內層的循環。
內層的迴圈只要 j 的值為 2，就終止了。因此，j 只有 0 和 1。
最終結果如下：
4、JavaScript 標籤
#從JavaScript 1.2開始，可以將標籤與break 和continue 結合使用，來更精確的控製程式的執行。
JavaScript 中的標籤與 HTML 中的標籤不同，JavaScript 中的標籤就是一個識別碼（類似變數名稱），後面跟著一個冒號:。 JavaScript 標籤可以聲明在任何語句或程式碼區塊之前，並與break 或continue 配合來跳出特定的循環，例如當多個循環巢狀使用時，單純使用break 只能跳出目前的迴圈，無法跳出外層循環，如果將break 與標籤搭配使用，則可以一次跳出多層循環。
範例程式碼如下：
<script type="text/javascript">
document.write("开始循环!<br /> ");
outerloop: // 定义一个标签
for (var i = 0; i < 5; i++) {
document.write("外层循环: " + i + "<br />");
innerloop: // 定义一个标签
for (var j = 0; j < 5; j++) {
if (j > 3 ) break ; // 跳出内层循环
if (i == 2) break innerloop; // 跳出内层讯息
if (i == 4) break outerloop; // 跳出外层循环
document.write("内层循环: " + j + " <br />");
}
}
document.write("循环结束!<br /> ");
</script>
注意：break 或 continue 與標籤之間不能出現換行。另外，標籤名稱和相關循環之間不能出現其它程式碼。
【推薦學習：javascript進階教學】
#以上是JS循環學習：跳出迴圈語句break和continue的詳細內容。更多資訊請關注PHP中文網其他相關文章！
