詳解JS中的Continue和Break語法的差異

在這篇文章中，我們會詳細介紹continue和break，分析它們的相同和不同之處，甚至用一些可運行的實例。

continue和break都是用來控制迴圈的。我們先來看看他們的定義：

• Continue：結束目前的執行，並且繼續下一個迴圈。
• Break：終止整個迴圈的執行。

注意：break也可以用在switch中，本文主要介紹在循環中的使用。

Continue

考慮以下程式碼：

for (let i = 1; i <= 10; i++) {
    console.log(i);
}

我們有一個簡單的for 循環，該循環會執行10 次，i 的值從1 一直遞增到10。每一次循環將目前 i 的值列印出來。執行結果如下：

如果我們只想列印偶數，該如何做？使用continue可以很容易搞定。在每一次循環我們檢查是否為奇數，如果是，則跳出此次循環，繼續下一次。如果不是，則列印 i 的值。

for (let i = 1; i <= 10; i++){
  if (i % 2 == 1) continue;
  console.log(i);
}

執行結果如下：

記住，當使用continue關鍵字的時候，該次循環立即結束執行， continue往後的程式碼不再被執行。

Break

我們使用相同的迴圈來做範例：

for (let i = 1; i <= 10; i++) {
    console.log(i);
}

如果我們想在i 的值為6 的時候，終止整個循環。那我們可以使用break：

for (let i = 1; i <= 10; i++) {
    if (i == 6) break;
    console.log(i);
}

如果執行上面的程式碼，for 迴圈會在i 為6 的時候終止執行，因此6 也不會被列印到控制台。

【推薦學習：javascript高階教學】

巢狀For 迴圈

值得注意的是，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。

最終結果如下：

#英文原文網址：https://codeburst.io/javascript-continue- vs-break-47b5c15cacc6

本文採用意譯，版權歸原作者所有

程式設計影片！ ！

以上是詳解JS中的Continue和Break語法的差異的詳細內容。更多資訊請關注PHP中文網其他相關文章！