JavaScript数组map()

在JavaScript中，数组map()方法提供了一种简单而强大的方式来操作数组中的元素，并返回一个新的数组，该数组包含对每个元素应用函数的结果。

语法

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

参数说明：

• function(currentValue, index, arr)：此参数必需。规定数组中每个元素应该调用的函数。该函数将接收三个参数：
  • currentValue：必需。当前元素的值。
  • index：可选。当前元素的索引。
  • arr：可选。当前操作的数组。
• thisValue：可选。一个用作函数的this值的对象。

示例

假设我们有一个数字数组：

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

我们可以使用map()方法将此数组的每个元素加1，创建一个新的数组：

const numsPlusOne = nums.map((num) => num + 1);
console.log(numsPlusOne); // [2, 3, 4, 5, 6]

在上面的例子中，我们定义了一个简单的箭头函数，它将输入的数字加1，并传递给map()方法。map()方法遍历数组中的每个元素，并将每个元素传递给函数，然后将函数的结果存储在新数组中。在这个例子中，numsPlusOne数组包含原始数组中的每个值加1的结果。

我们还可以使用map()方法从数组中创建一个新的对象数组。比如，我们可以很容易地将一个人数组转换为一个仅包含姓名的字符串数组：

const people = [
  { name: 'Alice', age: 25 },
  { name: 'Bob', age: 30 },
  { name: 'Charlie', age: 35 },
];

const names = people.map((person) => person.name);
console.log(names); // ['Alice', 'Bob', 'Charlie']

在上面的例子中，我们使用map()方法获取每个人对象的名称，然后将结果存储在names数组中。这种转换类型的简单性是JavaScript中map()方法的强大之处之一。

总结

JavaScript中的数组map()方法提供了一种简单而强大的方式来操作数组中的元素，并返回一个新的数组。

• map()方法遍历数组中的每个元素，并将每个元素传递给指定的函数。
• 指定的函数将应用于数组中的每个元素，并返回该元素的新值。
• map()方法返回一个新的数组，其中包含应用指定函数的结果。
• 可以使用map()方法将数组中的元素转换为不同类型的值，例如数字，字符串或对象。