前端训练营：1v1私教，终身辅导计划，帮你拿到满意的 offer。 已帮助数百位同学拿到了中大厂 offer。欢迎来撩~~~~~~~~

Hello，大家好，我是 Sunday。

金三银四招聘季，好多同学已经开始投递简历、约面试了。

每次看到大家拿到了满意的 offer 之后，那么由内而外散发出来了快乐，我也会感到非常的开心 。

不过由此也会衍生出很多的面试相关的问题，比如：昨天就有一个同学在面试中被问到 “如何中止 forEach 执行” 。好吧，这算是一个很常见的面试问题，那么咱们今天就来看看这个问题吧。

理解 forEach

JavaScript 的forEach方法是一种流行的数组迭代工具。它为每个数组元素执行一次提供的函数。但是，与传统的for 和 while循环不同，forEach它被设计为对每个元素执行该函数，没有内置机制来提前停止或中断循环。

const fruits = ["apple", "banana", "cherry"];
fruits.forEach(function(fruit) {
  console.log(fruit); // apple banana cherry
});

传统的方式无法终止 forEach

01：利用 break

forEach 的一个关键限制是无法使用传统的控制语句（如break或return）来停止或中断循环。 如果你尝试在 forEach 中使用break，您将遇到语法错误，因为break在回调函数中不适用。

const numbers = [1, 2, 3, 4, 5];
numbers.forEach(number => {
  if (number > 3) {
    break; // Syntax Error: Illegal break statement
  }
  console.log(number);
});

02：利用 return

在其他循环或函数中，return 语句退出循环或函数，并返回一个值（如果指定）。

在 forEach 的上下文中，return 不会跳出循环。 相反，它只是退出回调函数的当前迭代并移至数组中的下一个元素。

const numbers = [1, 2, 3, 4, 5];
numbers.forEach(number => {
  if (number === 3) {
    return; // Exits only the current iteration
  }
  console.log(number); // 1、2、4、5
});

return 跳过 3 的打印，但循环继续处理剩余元素。

使用Error终止 forEach（唯一的方式）

虽然不建议这么使用，但从技术上讲，可以通过抛出异常来停止 forEach 循环。 这种方法虽然是非正统的，并且由于影响代码可读性和错误处理而通常建议不要这样做，但它可以有效地停止循环。

const numbers = [1, 2, 3, 4, 5];
try {
  numbers.forEach(number => {
    if (number > 3) {
      throw new Error('循环停止');
    }
    console.log(number);
  });
} catch (e) {
  console.log('出现异常，循环已停止');
}
// 输出: 1, 2, 3, 出现异常，循环已停止

在此示例中，当满足条件时，将引发异常，从而提前退出 forEach 循环。 但是，需要注意，你得正确处理此类异常以避免产生意外的副作用。

使用 for...of 循环 代替 forEach

ES6 (ECMAScript 2015) 中引入的 for...of 循环提供了一种现代、干净且可读的方式来迭代可迭代对象，例如数组、字符串、映射、集合等。

与 forEach 相比，它的主要优势在于它与 Break 和 continue 等控制语句的兼容性，为循环控制提供了更大的灵活性。

const numbers = [1, 2, 3, 4, 5];

for (const number of numbers) {
  if (number > 3) {
    break; // 成功终止循环
  }
  console.log(number); // 1 2 3
}

在此示例中，循环迭代numbers 数组中的每个元素。 一旦遇到大于3的数字，它就会使用break语句退出循环。 forEach 无法实现这种级别的控制。

总结

虽然 JavaScript 中的 forEach 方法提供了一种简单的数组迭代方法，但它缺乏中断或停止中循环的灵活性。

幸运的是，像 for...of 循环这样的替代方法，以及像 some() 和 every() 这样的方法，可以替代 forEach。