JavaScript | 数组 map() 方法

JavaScript中的数组map()方法，可用于将一个数组中的每个元素，依次传入一个函数进行处理，并返回一个新的数组。

用法

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

参数说明：

• function(currentValue, index, arr)：必需，一个函数，用于处理每个数组元素。函数参数：
  • currentValue：当前元素的值。
  • index：当前元素的索引位置。
  • arr：当前数组对象。
  • 返回值：必需，用于返回新数组的元素值。
• thisValue：可选，一个对象，用于将函数中的this对象指向该对象。

示例

将数组每个元素乘以2，得到新数组

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

const newArr = arr.map(function(item) {
  return item * 2;
});

// 或者使用箭头函数：
// const newArr = arr.map(item => item * 2);

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

数组中对象按属性值排序

const arr = [
  { name: 'John', age: 35 },
  { name: 'Amy', age: 26 },
  { name: 'Bob', age: 42 }
];

const newArr = arr.map(function(item) {
  return item.name;
}).sort();

console.log(newArr); // ["Amy", "Bob", "John"]

数组元素的类型转换

const arr = ['1', '2', '3'];

const newArr = arr.map(function(item) {
  return parseInt(item);
});

console.log(newArr); // [1, 2, 3]

注意事项

• map()方法不会修改原始数组。
• map()方法会跳过稀疏数组中未定义的值。

以上就是JavaScript中数组map()方法的介绍。