JavaScript中for与forEach分别如何跳出循环

for 循环

在 for 循环中，退出循环的两种方式：

• break; 退出整个循环
• continue; 退出当次循环

let array = [1, 2, 3, 4, 5, 6, 7, 8, 9];
for (let i = 0; i < array.length; i++) {
 if (array[i] === 6) {
   // break; // 退出整改循环，
   continue; // 退出当次循环
 }

 // 其他操作...
 console.log('Loop:', array[i]);
}

// 某种情况下，也可以使用 return 完成终止循环

break 退出整个循环

continue 退出当次循环

forEach

在JavaScript中，forEach方法是用于遍历数组的方法，它会对数组中的每个元素执行指定的操作。

forEach方法本身并不提供直接的方式来跳出循环，但你可以使用一些技巧来跳出循环或模拟跳出循环的效果。

方法一：try{}catch(){} 结合 throw 抛错的方式退出循环

let array = [1, 2, 3, 4, 5, 6, 7, 8, 9];
try {
  array.forEach((element) => {
    if (element === 6) throw new Error('End Loop!')
    // 其他操作
    console.log('Loop:', element)
  })
} catch (e) {
  console.log(e)
}

方法二：是使用一个标志变量，通过控制该变量的值来跳出循环

let array = [1, 2, 3, 4, 5, 6, 7, 8, 9];
// 定义一个变量
let isBreak = false;
array.forEach((item) => {
  console.log("其实每次都会循环：", item);

  // 某个条件满足时设置 isBreak 为 true，方便跳出循环
  if (item > 4) {
    isBreak = true;
  }

  // 检查是否需要跳出循环
  if (isBreak) {
    return; // 终止当次循环，但会继续执行下一次循环，下一次循环会继续判断
  }

  // 其他操作...
  console.log('其他操作：', item);
});

在上述示例中，通过设置 isBreak 变量为 true，在下一次迭代开始之前使用 return 中断了当前的迭代，从而模拟了跳出循环的效果。

需要注意的是，这种方法只能跳出当前的迭代，而不能直接跳出整个 forEach 循环。如果你需要完全跳出 forEach 循环，可以考虑使用其他循环结构，如 for 循环或 while 循环，以便更好地控制循环的流程。

提到在一段程序中如果碰到需要终止，结束一个循环，函数或者一段代码，一般会想到以下这几个关键字return、continue、break

简述一下三者的区别：

• break: 终止整个循环(有内层循环时终止的是内层循环)，退出switch语句；只能用于循环或者switch语句中，其他地方使用会报错
• continue：与break相似，不同之处在于结束的是本次循环，相当于跳过本次循环执行下一次循环；只能用于while,do/while,for,for/in循环中，其他地方使用会报错
• return: return false截断语句之后的代码执行，如果用于函数中，可以返回一个特点的值，做完函数的返回值；不能用在循环中

总结

到此这篇关于JavaScript中for与forEach分别如何跳出循环的文章就介绍到这了,更多相关JS for与forEach跳出循环内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！