map基本使用

map()方法用于创建一个新数组，其结果是该数组中的每个元素是调用一次提供的函数后的返回值。map()不会改变原数组，它返回一个新数组。

1、基本用法：

let arr = [1, 2, 3, 4];
let newArr = arr.map(x => x * 2);
console.log(newArr); // [2, 4, 6, 8]

2、转换对象数组：

let users = [
  { firstName: 'John', lastName: 'Doe' },
  { firstName: 'Jane', lastName: 'Smith' }
];
let fullNames = users.map(user => `${user.firstName} ${user.lastName}`);
console.log(fullNames); // ['John Doe', 'Jane Smith']

3、使用带有索引和数组参数的回调函数：

let arr = [1, 2, 3];
let newArr = arr.map((x, index, array) => {
  return x + index + array.length;
});
console.log(newArr); // [4, 5, 6]

4、与箭头函数和普通函数结合使用：

let arr = [1, 2, 3];

// 使用箭头函数
let doubled = arr.map(x => x * 2);
console.log(doubled); // [2, 4, 6]

// 使用普通函数
let tripled = arr.map(function(x) {
  return x * 3;
});
console.log(tripled); // [3, 6, 9]

5、与字符串数组一起使用：

let fruits = ['apple', 'banana', 'cherry'];
let upperFruits = fruits.map(fruit => fruit.toUpperCase());
console.log(upperFruits); // ['APPLE', 'BANANA', 'CHERRY']
map()方法是数组遍历和变换操作中非常强大的工具，它能够简化代码并提高可读性。