迹忆客 专注技术分享

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