在 JavaScript 中退出 for 迴圈

Muhammad Muzammil Hussain 2023年10月8日
  1. 退出 JavaScript 中的 for 迴圈
  2. 在 JavaScript 中使用 break 關鍵字退出 for 迴圈
  3. 在 JavaScript 中使用 return 關鍵字退出 for 迴圈
在 JavaScript 中退出 for 迴圈

for 迴圈重複執行程式碼語句,直到滿足指定的條件。大多數情況下,我們需要退出迴圈並中斷連續執行。

在本文中,我們將學習如何使用 JavaScript 停止和中斷 for 迴圈的執行。

退出 JavaScript 中的 for 迴圈

我們通常使用 break返回;在 JavaScript 中停止 for 迴圈執行的關鍵字。我們可以在我們想要的條件下使用這些關鍵字。

例如,假設我們正在尋找資料陣列中的特殊字元。在這種情況下,我們實現等於特殊字元的條件,並在迴圈遍歷陣列期間中斷執行。

在 JavaScript 中使用 break 關鍵字退出 for 迴圈

在我們定義的條件下,可以在 for 迴圈的塊/大括號中使用 break

程式碼:

<script>
//break out the execution of for loop if found string
let array = [1,2,3,'a',4,5,6]
for (i = 0; i < array.length; i++) {
  console.log("array value: "+array[i])
    // if the element is string
     if (typeof(array[i])=="string") {
       console.log(array[i]+" is string at index: "+i+", break the loop")
       break; // break the loop
     }
}
</script>

輸出:

"array value: 1"
"array value: 2"
"array value: 3"
"array value: a"
"a is string at index: 3, break the loop"

在上面的程式碼中,我們在該陣列上應用了一個 for 迴圈,直到該陣列的長度。在迴圈內部,我們通過說明我們遍歷的陣列元素是否為字串來檢查條件。

如果條件在任何索引處變為,我們就定義了 break 語句,迴圈將停止。我們已經列印了迴圈終止日誌以找出陣列中的索引和元素字串。

在 JavaScript 中使用 return 關鍵字退出 for 迴圈

我們通常使用 return 語句來停止程式設計中函式的執行。如果我們在函式體中實現 for 迴圈,我們可以使用 return 停止它的執行。

程式碼:

<script>
let array = [1,2,3,'a',4,5,6]
myFunction();
function myFunction(){
  for (i = 0; i < array.length; i++) {
  console.log("array value: "+array[i])
      // if the element is string
     if (typeof(array[i])=="string") {
      console.log(array[i]+" is string at index: "+i+",loop stoped using return")
       return; // stop the loop using return
    }
  }
}
</script>

輸出:

"array value: 1"
"array value: 2"
"array value: 3"
"array value: a"
"a is string at index: 3,loop stoped using return"

我們通過使用 return 關鍵字實現了與第一個例子相同的結果。我們將 for 迴圈程式碼放在函式的主體中,並在 if 條件的主體中使用 return 語句。

return 語句將停止函式主體和迴圈執行。

相關文章 - JavaScript Loop