紀錄工作經驗、相關知識,解決技術相關問題。

Javascript, React, 新手 Jamp Holes, 未分類, 網站相關

js continue 語句用法

基本概念

continue 語句是一種控制流語句,用於在迴圈中跳過當前迭代並進入下一次迭代。這在處理需要根據特定條件跳過某些邏輯的場景中特別有用。

簡單說,如果你希望迴圈執行中,在某些條件下跳過這次迴圈,就可以使用 continue 。

for 迴圈中的應用

for 迴圈是開發中最常見的迴圈結構之一。讓我們來看一個簡單的例子,如何在 for 迴圈中使用 continue 語句來跳過偶數的打印:

// 顯示奇數
for (let i = 1; i <= 10; i++) {
    if (i % 2 === 0) {
        continue; // 跳過偶數
    }
    console.log(i); // 輸出奇數
}

在這個示例中,當變量 i 為偶數時,continue 語句將跳過當前迭代的剩餘部分,直接進入下一次迭代。因此,只有奇數會被打印出來​(範例出處: ProgramizW3Schools.com)​。

while 迴圈中的應用

while 迴圈也是我們經常使用的一種迴圈結構。以下是一個示例,展示如何使用 continue 語句來跳過偶數的打印:

let num = 1;

while (num <= 10) {
    if (num % 2 === 0) {
        num++;
        continue; // 跳過偶數
    }
    console.log(num); // 輸出奇數
    num++;
}

在這個示例中,continue 語句將跳過所有偶數,只打印奇數​ (Tutoline)​。

嵌套迴圈與標籤語句

在嵌套迴圈中,continue 語句通常僅影響內層迴圈。但我們也可以使用標籤語句來控制外層迴圈。例如:

outerLoop: for (let i = 0; i < 3; i++) {
    for (let j = 0; j < 3; j++) {
        if (j === 1) {
            continue outerLoop; // 跳過外層迴圈的當前迭代
        }
        console.log(`i = ${i}, j = ${j}`);
    }
}

在這個示例中,當 j 等於 1 時,continue outerLoop 直接跳到外層迴圈的下一次迭代,這是一種相對少見但非常強大的控制流技術​ (worldofitech)​。

使用場景

  • 過濾數據:當需要從數據集中過濾掉不符合條件的數據時,continue 語句可以讓代碼更簡潔。
  • 條件判斷:在複雜的邏輯中,continue 語句可以幫助跳過不需要執行的代碼塊,提高代碼的可讀性和維護性。

結語

continue 語句是一個強大且靈活的工具,可以幫助我們更有效地控制迴圈的執行流。在需要根據特定條件跳過某些迭代時,continue 語句無疑是最佳選擇之一。希望這篇文章能夠幫助你更好地理解和使用 JavaScript 中的 continue 語句。

發表迴響