【JavaScript】.map()函数用法

.map() 方法是 JavaScript 数组对象的一个高阶函数，用于对数组中的每个元素进行遍历并执行指定的操作，然后返回一个新的数组。

.map() 方法的基本语法如下：

array.map(callback(element, index, array), thisArg)

参数说明：

• callback：一个回调函数，用于对数组的每个元素进行操作。它可以接收三个参数:
  element：当前迭代的数组元素。——一般会用到这个参数
  index：当前迭代的数组元素的索引。
  array：原始数组本身。 回调函数返回的值将成为生成的新数组中的对应元素。

• thisArg（可选）：在回调函数中使用的 this 值。

.map() 方法会依次遍历数组中的每个元素，并将每个元素传递给回调函数进行处理。回调函数可以对每个元素执行一些操作，并返回一个处理后的值。
.map() 方法最终返回一个由回调函数返回值组成的新数组，新数组的长度和原始数组相同。

以下是一个示例，说明如何使用.map()方法将数组中的每个元素翻倍：

const numbers = [1, 2, 3, 4, 5];
// num入参就是,map遍历的数组中的每个元素
const doubledNumbers = numbers.map((num) => {
  return num * 2;
});
console.log(doubledNumbers); // 输出: [2, 4, 6, 8, 10]

在上述示例中，.map() 方法应用于 numbers 数组，通过传递一个回调函数 (num) => { return num * 2; } 对数组中的每个元素进行翻倍操作。最终，返回一个新的数组 doubledNumbers，其中包含每个元素翻倍后的结果。

也可以包含异步操作：

const imgList = this.data.imgList
const data = imgList.map(async (d) => {
	d = await this.uploadFile(d)
	return d
})

总结一下，.map() 方法是一个用于对数组进行遍历和转换的高阶函数，它可以根据回调函数的处理逻辑生成一个新的数组。