MDN .map() - Javascript

简介

在Javascript中，map()方法是一个数组方法，用于遍历数组的每个元素并根据所提供的回调函数创建一个新数组。

语法

array.map(callback(currentValue[, index[, array]])[, thisArg])

• callback: 必需。生成新数组元素的函数，包含三个参数：
  • currentValue: 必需。当前正在处理的元素。
  • index: 可选。当前元素的索引。
  • array: 可选。当前正在操作的数组。
• thisArg: 可选。执行回调函数时使用的this值。

返回值

map()方法返回一个新数组，其中包含对原始数组中的每个元素应用回调函数的结果。

例子

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

const doubledNumbers = numbers.map(function(number) {
  return number * 2;
});

console.log(doubledNumbers);
// Output: [2, 4, 6, 8, 10]

上面的例子中，我们将一个数组numbers中的每个元素都乘以2，并将结果存储在新数组doubledNumbers中。

注意事项

• map()方法不会修改原始数组。
• 如果在回调函数中不使用当前元素，则可以省略第二个参数index或全部省略。
• 可以使用第三个参数array来访问原始数组的其他元素，例如获取数组长度array.length。

结论

map()方法是Javascript数组的一个非常有用的方法，可以让我们轻松地创建新的数组，而无需修改原始数组。它使用简单，易于理解，并且可以通过简单的回调函数实现非常复杂的操作。