JS中的forEach

在Javascript中，forEach是一个数组方法用来遍历数组中的每个元素。它可以接收一个函数作为参数，并将数组中的每个元素传递给该函数。

语法

array.forEach(function(currentValue, index, arr), thisValue)

参数说明：

• function(currentValue, index, arr): 必需。函数，数组中的每个元素都会执行该函数。该函数可以接收三个参数：
  • currentValue: 必需。当前元素的值。
  • index: 可选。当前元素的索引。
  • arr: 可选。当前元素所属的数组对象。
• thisValue: 可选。对象作为该执行回调时 this 指向。如果省略则回调函数的 this 为全局对象。

使用方法

let arr = [1, 2, 3, 4, 5];
arr.forEach(function(item, index, array) {
  console.log(item, index, array);
});

上述代码将会输出：

1 0 [1, 2, 3, 4, 5]
2 1 [1, 2, 3, 4, 5]
3 2 [1, 2, 3, 4, 5]
4 3 [1, 2, 3, 4, 5]
5 4 [1, 2, 3, 4, 5]

forEach的返回值

forEach遍历的过程中没有返回值，它仅仅是对数组中的元素进行操作，并不会修改数组本身的值。如果需要得到数组中遍历后的结果，可以使用map，reduce等数组方法。

forEach与for循环的区别

使用forEach和for循环都可以遍历数组中的元素，但是它们之间有以下几点不同：

• forEach对于空数组是不会执行的，而for循环会执行一次；
• forEach语法相对于for循环更加简洁易懂，并且不需要手动维护循环变量。

总结

forEach是Javascript中用于遍历数组的方法，它可以接收一个函数作为参数，并将数组中的每个元素传递给该函数。它与for循环相比代码简洁易懂，不需要手动维护循环变量。在使用forEach时要注意它没有返回值，如果需要得到遍历后的结果可以使用其他数组方法。