JS 跳出 forEach 循环|极客笔记

JS 跳出 forEach 循环

在 JavaScript 中，我们经常会使用 forEach 方法来遍历数组中的每个元素。forEach 方法是一种循环数组的便捷方式，但有时候我们希望在特定条件下跳出循环，这时就需要一种方法来实现这个功能。本文将介绍如何在 JavaScript 中跳出 forEach 循环。

使用普通的 for 循环

在 JavaScript 中，我们可以使用传统的 for 循环来遍历数组。通过在循环体内使用 break 关键字，我们可以轻松地跳出循环。

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

for (let i = 0; i < arr.length; i++) {
  if (arr[i] === 3) {
    break; // 跳出循环
  }

  console.log(arr[i]);
}

运行上面的代码，输出为：

1
2

使用 some 方法

除了普通的 for 循环外，我们还可以使用数组的 some 方法来实现在特定条件下跳出循环。some 方法用于检查数组中是否至少有一个元素满足条件，当找到第一个满足条件的元素后，some 方法会立即返回 true，并且不会继续遍历。

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

arr.some(item => {
  if (item === 3) {
    return true; // 跳出循环
  }

  console.log(item);
});

运行上面的代码，输出为：

1
2

使用 every 方法

类似地，我们还可以使用数组的 every 方法来实现在特定条件下跳出循环。every 方法用于检查数组中的每个元素是否都满足条件，当找到第一个不满足条件的元素后，every 方法会立即返回 false，并且不会继续遍历。

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

arr.every(item => {
  if (item === 3) {
    return false; // 跳出循环
  }

  console.log(item);
});

运行上面的代码，输出为：

1
2

使用 try-catch

另一种在 forEach 循环中跳出的方法是使用 try-catch 结构。通过抛出一个特定的异常来中断循环执行，我们可以在 catch 块中捕获这个异常，从而实现跳出循环的效果。

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

try {
  arr.forEach(item => {
    if (item === 3) {
      throw new Error('BreakException'); // 抛出异常跳出循环
    }

    console.log(item);
  });
} catch (e) {
  if (e.message !== 'BreakException') {
    throw e;
  }
}

运行上面的代码，输出为：

1
2

自定义跳出循环方法

除了上述方法外，我们还可以自定义一个跳出循环的方法。通过设立一个全局变量来表示是否需要跳出循环，我们可以在循环体内部判断这个变量，并在需要的时候跳出循环。

let shouldBreak = false;

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

arr.forEach(item => {
  if (shouldBreak || item === 3) {
    shouldBreak = true; // 设置标志位跳出循环
    return;
  }

  console.log(item);
});

运行上面的代码，输出为：