JavaScript 数组方法 .map()

简介

在 JavaScript 中，数组是一个非常常用的数据类型。而 .map() 方法则是操作数组的中的每一个元素并返回一个新的数组。

语法

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

• currentValue：必须。当前元素的值。
• index：可选。当前元素的索引值。
• arr：可选。当前元素属于的数组对象。
• thisValue：可选。传递给函数的 this 值。

示例

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

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

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

上述示例中，我们定义了一个名为 numbers 的数组，并使用 .map() 方法对数组中的每一个元素进行操作，将每一个元素乘以2，返回一个新的数组 doubledNumbers。

.map() 方法的优点

和其他迭代方法相比， .map() 有以下优点：

• 不修改原始数组，而是返回一个新的数组。
• 易于操作，不需要额外的条件判断和变量声明。

注意事项

• .map() 返回的新数组的长度与原数组的长度相等。
• 使用 .map() 方法操作一个空数组将返回一个空数组。
• .map() 方法不会对空元素进行操作，跳过所有没有值的元素。
• .map() 方法返回的结果集不会自动过滤掉 "回车" 或其他特殊字符。

结论

.map() 方法是操作数组数据的重要工具之一。它提供了简单、直接的方式来操作数组中的所有数据。无论是多大的数组，都可以使用 .map() 方法来快速地操作数组中的数据。同时，它可以返回一个新的数组而不是改变旧的数组，这可以避免破坏原有数据。