在 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 语句将停止函数主体和循环执行。