使用 .map 在 JavaScript 中

在 JavaScript 中，.map() 方法是一种数组方法，它允许您创建一个新数组，该数组由将每个元素映射到新值的结果组成。

语法

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

• function(currentValue, index, arr) - 必需。该函数接受三个参数：
  • currentValue - 必需。当前元素的值。
  • index - 可选。当前元素的索引。
  • arr - 可选。当前元素所属的数组对象。
• thisValue - 可选。对象作为第一个参数传递给函数的对象，用作函数中的 this。

.map() 方法返回一个新数组，该数组由您提供的函数应用于每个元素的结果组成。

示例

const numbers = [1, 2, 3];

const tripledNumbers = numbers.map((number) => {
  return number * 3;
});

console.log(tripledNumbers); // 输出 [3, 6, 9]

在上面的示例中，我们将一个包含三个数字的数组传递给 .map() 方法。我们使用箭头函数来将每个数字乘以三，最终我们得到一个由新数字 [3, 6, 9] 组成的新数组。

注意事项

• .map()不会更改原始数组。它会返回一个新的数组。
• 如果您没有给 .map() 方法提供一个函数，它将返回原始数组的一个副本。
• 如果您的函数返回 undefined，它将被添加到新数组中作为 null 值。

结论

.map() 方法是一种非常实用的数组方法。它允许您创建一个新数组，该数组由将每个元素映射到您提供的函数的结果组成。除了这里包含的东西之外，JavaScript 中还有许多与数组相关的方法和技巧，对于成为一个高效的 JavaScript 程序员来说学习它们很重要。