JavaScript 中的 Array.map() 与 Array.forEach()

前言

在 JavaScript 中遍历数组 ，最常见的有两种方法

• 使用 Array.map()
• 使用 Array.forEach()

这两种方法都可以让您遍历数组并对数组元素执行操作。但是您需要记住这些方法之间的一些关键区别。 因此，您需要根据情况决定在这两种方法中使用哪种方法。

在本文中，我将解释这两种方法以及您可以使用它们的用例。

Array.map()

map() 方法允许您创建一个新数组，其中填充了对调用数组中的每个元素调用提供的回调函数的结果。

下面是 map() 方法的定义。

map(function(element, index, array) { /* ... */ 
}, thisArg) 

map() 中的回调函数将始终使用三个参数调用。

• 元素的值
• 元素的索引
• 正在遍历的 Array 对象

如果我们想显式地向方法提供 this 值，我们可以使用 thisArg 参数来实现。

因此，假设有一个名为 numbers 的数组，我们可以像这样使用 map() 方法遍历该数组。

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

// 接收数组的每一个参数
// 将他们乘以2
// 返回一个新的数组是他们的结果
const mapNumbers = numbers.map(function(number) {return number * 2;