JavaScript >> Javascript 文檔 >  >> JavaScript

退出 JavaScript 循環:“中斷”和“繼續”[示例]

本文將解釋 JavaScript break繼續 語句以及它們如何用於退出和跳過循環中的迭代。

JavaScript 循環

在編程中,循環遍歷一系列值,對遇到的每個值執行一個動作。

數組可以使用 forEach 方法循環,而 for 語句可以用於循環一組由 JavaScript 表達式生成的值。

您可能會遇到想要提前退出循環或跳過處理循環中的某些值的情況。

這就是中斷繼續 語句允許你做。

使用“break”終止循環

休息 語句將結束當前循環的執行。在當前迭代中不會進行進一步的執行,也不會處理任何剩餘的迭代。

語法很簡單,只要調用:

break;

在您想要跳出循環的代碼中。

‘break’示例

下面是一個 構造循環,它將迭代變量 i 通過整數 0-5 .

但是,它永遠不會達到 5,就像 i 達到 4中斷 語句被調用,導致循環和任何未來的迭代終止。

for (let i = 0; i <= 5; i++) {
    if (i == 4){ 
        break;
    } 
    console.log(i);
}

上面的代碼會在控制台輸出以下內容:

0
1
2
3

使用“繼續”僅終止循環的當前迭代

繼續 語句使用起來同樣簡單,但服務器的用途略有不同。而不是完全終止循環,它只是終止當前的迭代,所以循環會繼續執行循環中的下一個值。

同樣,語法很簡單,調用:

continue;

在您希望退出當前循環迭代的代碼中。

‘繼續’示例

下面是一個循環迭代變量 i 的值 從 0-5 再次構造。

等於 4繼續 語句被調用 - 退出當前迭代,因此循環中的其餘代碼在 continue 之後不會執行 語句被調用。

for (let i = 0; i <= 5; i++) {
    if (i == 4){ 
        continue;
    } 
    console.log(i);
}

這將輸出:

0
1
2
3
5

請注意,4 丟失了,因為該迭代被跳過了。

“break”和“continue”語句放置

休息繼續 語句可以放置在循環代碼塊內的任何位置——它們不必出現在開頭。如果中斷繼續 語句放在循環內其他代碼行之後,這些行將執行:

for (let i = 0; i <= 5; i++) {
    console.log(i);
      if (i == 4){ 
        break;
    } 
}

注意中斷 聲明現在出現在之後 i 的值 被打印出來了,所以輸出會和前面的例子不一樣:

0
1
2
3
4

break 之前出現的代碼 語句仍在執行,之後循環中斷。


Tutorial JavaScript 教程
  1. 什麼是 Node.js ETL 管道?

  2. 我正在嘗試將本地存儲過期時間從永遠更改為 24 小時

  3. Javascript 事件循環 - 為什麼這麼嚴重!

  4. 使用 Visual Studio Code 的最簡單的 TypeScript 項目

  5. 答:如何開始使用 Node.js

  6. 2019 年的 EmberJS

  7. React Router v6 中有哪些新變化和功能。

  1. 更新:Bootstrap 5.1.1 導航欄多級和超級菜單

  2. 使用 RxJS Observables 成為超級賽亞人

  3. 獲取 TypeScript 中嵌套類的類型

  4. 在 JavaScript 中創建對象的可能方法是什麼?

  5. 如何使用遞歸創建二進制搜索

  6. 如何按編寫順序迭代javascript對象屬性

  7. 使用 JavaScript 實現 5 種排序算法。

  1. AWS SDK v2 或 v3 - 您應該使用哪一個?

  2. D3v6 獲取g元素位置

  3. 使用 Vite 和 Typescript 創建 React 組件庫

  4. 什麼是無密碼身份驗證以及如何實現它