毋需再为 break 和 continue 纠结，forEach 一次搞定

JavaScript 循环利器——forEach

JavaScript 提供了多种循环语句，包括 for、while、do-while 等。其中，forEach 是专为数组设计的循环语句，它可以轻松遍历数组中的每一个元素，并对每个元素执行指定的函数。

forEach 的语法非常简单：

array.forEach(function(element, index, array) {
  // 对每个元素执行的操作
});

• array 是要遍历的数组。
• function 是要对每个元素执行的函数。
• element 是当前正在遍历的元素。
• index 是当前正在遍历的元素的索引。
• array 是正在遍历的数组。

告别 break 和 continue，forEach 一次搞定

在使用 forEach 时，您无需担心 break 和 continue 语句。因为 forEach 会自动遍历数组中的每一个元素，而无需您手动控制循环。

例如，以下代码使用 forEach 来遍历一个数组，并打印每个元素：

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

numbers.forEach((number) => {
  console.log(number);
});

输出结果为：

1
2
3
4
5

如您所见，forEach 使循环变得非常简单和直观。您只需提供一个函数来处理数组中的每个元素，而无需担心循环的控制逻辑。

何时使用 break 和 continue？

虽然 forEach 非常强大，但在某些情况下，您可能仍需要使用 break 和 continue 语句。例如，当您需要在满足某些条件时退出循环时，可以使用 break 语句。当您需要跳过循环中的某些元素时，可以使用 continue 语句。

例如，以下代码使用 break 语句来退出循环，当数组中的元素大于 3 时，循环将停止：

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

numbers.forEach((number) => {
  if (number > 3) {
    break;
  }

  console.log(number);
});

输出结果为：

1
2
3

以下代码使用 continue 语句来跳过数组中的奇数元素：

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

numbers.forEach((number) => {
  if (number % 2 !== 0) {
    continue;
  }

  console.log(number);
});

输出结果为：

2
4

总结

forEach 是 JavaScript 中一种非常强大的循环语句，它可以轻松遍历数组中的每一个元素，并对每个元素执行指定的函数。与 for 循环相比，forEach 更加简洁、更加直观，而且无需担心 break 和 continue 语句。

当然，在某些情况下，您可能仍需要使用 break 和 continue 语句。但是，在大多数情况下，forEach 都可以满足您的需求。