JS中的forEach和continue|极客笔记

JS中的forEach和continue

1. 什么是forEach方法？

在JavaScript中，forEach()是一个数组的方法，用于对数组中的每个元素执行相同的操作。它提供了一种简洁的方式来遍历数组，而不需要使用传统的for循环。

forEach()接受一个参数，该参数可以是一个函数。这个函数将在数组的每个元素上被调用，并且可以访问当前正在遍历的元素、当前元素的索引和整个数组本身。

下面是forEach()方法的语法：

array.forEach(function(currentValue, index, array) {
  // 代码块
}, thisArg);

其中，

currentValue：表示正在处理的当前元素
index：表示正在处理的当前元素的索引
array：表示被遍历的数组
thisArg：可选参数，用于指定函数内部的this的值（即执行回调函数时使用的this值）

2. 示例代码

让我们通过几个示例代码来看看如何使用forEach方法。

2.1 示例 1：打印数组中的元素

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

array.forEach(function(element) {
  console.log(element);
});

运行结果：

2.2 示例 2：计算数组中的元素总和

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

numbers.forEach(function(number) {
  sum += number;
});

console.log(sum);

运行结果：

3. continue语句在forEach中的应用

在传统的for循环中，我们可以使用continue语句来跳过某次循环的剩余代码，并开始下一次循环。然而，在forEach中并没有直接的continue语句。

那么，在forEach方法中，如何实现类似于continue语句的功能呢？下面我们将讨论两种可以实现类似效果的方法。

3.1 使用return语句

我们可以利用return语句终止当前的迭代并进入下一次迭代。

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

numbers.forEach(function(number) {
  if (number % 2 === 0) {
    // 如果元素是偶数，则跳过本次迭代
    return;
  }

  console.log(number);
});

运行结果：

1
3
5

在上述示例中，如果元素是偶数，则会执行return;语句跳过本次迭代。

3.2 使用for循环替代forEach

另一个方法是使用传统的for循环来替代forEach方法。这样，我们就可以直接使用continue语句了。

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

for (let i = 0; i < numbers.length; i++) {
  if (numbers[i] % 2 === 0) {
    // 如果元素是偶数，则跳过本次迭代
    continue;
  }

  console.log(numbers[i]);
}

运行结果：