JavaScript 数组 map 方法详解：创建新数组并处理元素

JavaScript 中的 map 方法是数组的一种重要方法，它可以用来将数组中的每个元素都应用一个函数，并将结果放入一个新的数组中返回。

map 方法的语法

map 方法的语法如下：

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

参数说明

• callback：一个函数，它会被传入三个参数：
  • element：当前正在处理的数组元素。
  • index（可选）：当前正在处理的数组元素的索引。
  • array（可选）：正在被处理的数组本身。
• thisArg（可选）：用于指定 callback 函数中的 this 值。

返回值

map 方法会返回一个新的数组，其中包含了 callback 函数对每个元素的处理结果。

map 方法示例

例如，下面的代码会将数组 [1, 2, 3] 中的每个元素都平方，并将结果放入一个新的数组中：

const arr = [1, 2, 3];
const newArr = arr.map((val) => val ** 2);
console.log(newArr); // [1, 4, 9]

在这个例子中，map 方法将数组中的每个元素都应用了一个匿名函数，这个函数接收一个参数 val，并将 val 的平方作为返回值。map 方法返回了一个新的数组，其中包含了 [1, 4, 9] 这三个值。

总结

map 方法是一个非常强大的工具，它可以用来对数组中的每个元素进行处理，并创建一个新的数组。它可以用于各种任务，例如：

• 将数组中的每个元素转换为另一个类型。
• 对数组中的每个元素进行计算。
• 将数组中的每个元素映射到另一个数组中的对应元素。

通过使用 map 方法，您可以轻松地对数组进行操作，并创建新的数组以满足您的需求。