JS中Continue和Break語法有什么區(qū)別

這篇文章給大家分享的是有關(guān)JS中Continue和Break語法有什么區(qū)別的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

continue和break都是用于控制循環(huán)的。我們先來看一下他們的定義：

• Continue：結(jié)束當(dāng)前的執(zhí)行，并繼續(xù)下一個循環(huán)。

• Break：終止整個循環(huán)的執(zhí)行。

注意：break還可以用在switch中，本文主要介紹在循環(huán)中的使用。

Continue

考慮如下代碼：

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

我們有一個簡單的 for 循環(huán)，該循環(huán)會執(zhí)行 10 次，i 的值從 1 一直遞增到 10。每一次循環(huán)將當(dāng)前 i 的值打印出來。執(zhí)行結(jié)果如下：

如果我們只想打印偶數(shù)，應(yīng)該如何做呢？使用continue可以很容易搞定。在每一次循環(huán)我們檢查是否為奇數(shù)，如果是，則跳出此次循環(huán)，繼續(xù)下一次。如果不是，則打印 i 的值。

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

執(zhí)行結(jié)果如下：

記住，當(dāng)使用continue關(guān)鍵字的時候，該次循環(huán)立即結(jié)束執(zhí)行，continue往后的代碼不再被執(zhí)行。

Break

我們使用相同的循環(huán)來做例子：

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

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

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

如果執(zhí)行上面的代碼，for 循環(huán)會在 i 為 6 的時候終止執(zhí)行，因此 6 也不會被打印到控制臺。

嵌套 For 循環(huán)

值得注意的是，break和continue都只對當(dāng)前循環(huán)有效。如果我們有嵌套循環(huán)，那么就要很小心了。不妨來看下面的例子：

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}`);
    }
}

這里我們有兩個循環(huán)，每一個都會執(zhí)行 5 次(0~4)。外層的循環(huán)在 i 是偶數(shù)的時候，跳過當(dāng)前循環(huán)執(zhí)行下一個。也就是說只有 i 為 1 或則 3 的時候，才會執(zhí)行內(nèi)層的循環(huán)。

內(nèi)層的循環(huán)只要 j 的值為 2，就終止了。因此，j 只有 0 和 1。

最終結(jié)果如下：

感謝各位的閱讀！關(guān)于“JS中Continue和Break語法有什么區(qū)別”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！