在JavaScript的forEach循环中跳转到“下一个”迭代

在JavaScript编程中，我们经常会使用forEach函数来遍历数组。但有时候我们可能需要在特定条件下跳过当前迭代并继续到下一个迭代。本文将介绍如何在JavaScript的forEach循环中实现这一功能。

发现问题

在我们深入研究如何解决这个问题之前，让我们先看一下为什么需要这个功能。

假设我们有以下代码：

const numbers = [1, 2, 3, 4, 5];
numbers.forEach(number => {
  if (number % 2 === 0) {
    // 跳过偶数
  }
  console.log(number);
});

上述代码输出结果如下所示：

1
3
5

我们可以看到，由于我们没有跳过偶数，因此所有偶数都被打印了出来。如果我们想跳过偶数并只打印奇数，该怎么办？

解决方案

幸运的是，我们可以使用continue语句来跳过当前迭代并继续到下一个迭代。下面是修改后的代码：

const numbers = [1, 2, 3, 4, 5];
numbers.forEach(number => {
  if (number % 2 === 0) {
    return; // 跳过偶数
  }
  console.log(number);
});

在上述代码中，我们使用了return语句，它会立即退出当前迭代并进入下一次迭代。因此，当我们遇到偶数时，我们会立即跳过该元素，并继续到下一个元素。

示例代码

以下是一个完整的示例代码，演示如何使用continue语句在forEach循环中跳转到下一个迭代：

const numbers = [1, 2, 3, 4, 5];
numbers.forEach(number => {
  if (number % 2 === 0) {
    return; // 跳过偶数
  }
  console.log(number); // 打印奇数
});

输出：

1
3
5

总结

在JavaScript的forEach循环中，我们可以使用continue语句来跳过当前迭代并继续到下一个迭代。这对于需要在特定条件下跳过数组元素的情况非常有用。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/25832