在 JavaScript 中退出 for 迴圈
Muhammad Muzammil Hussain
2023年10月8日
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 語句將停止函式主體和迴圈執行。