JavaScript 映射 forEach() 方法

在 JavaScript 中，forEach() 方法常常用于遍历数组中的每一项并对其进行操作。但是，在某些情况下，你可能需要在遍历数组时创建一个新数组。这时候，用 forEach() 方法可能会显得有些繁琐。这时候，map() 方法便可以派上用场了。

map() 方法简介

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

下面是 map() 方法的基本语法：

var newArray = arr.map(callback(currentValue[, index[, array]])[, thisArg])

其中，arr 表示需要映射的数组。callback 函数是用来操作数组中的每一项的，它可以接受三个参数：

• currentValue：数组中正在处理的当前元素。
• index（可选）：数组中正在处理的当前元素的索引。
• array（可选）：调用 map() 方法的数组。

callback 函数返回的值会映射到生成的新数组中。

map() 方法示例

以下代码使用 map() 方法将数组中的每个元素都加倍，并输出新数组：

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

const doubledNumbers = numbers.map((number) => {
  return number * 2;
});

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

forEach() 和 map() 的区别

forEach() 方法是为了遍历数组而设计的，而 map() 方法则是为了根据数组创建新数组而设计的。因此，在遍历数组时，如果你只需要修改每个元素，而不需要创建新数组，那么 forEach() 方法是更适合的选择。而当你需要从一个数组中创建一个新数组时， map() 方法则是首选。

总结

对 JavaScript 中 forEach() 和 map() 方法的了解是 Web 开发中的一个重要基础。在日常编程中，根据具体需求选择不同的方法可以让算法更加高效。同时，对这两种方法的熟悉程度也能够体现出程序员的程序设计能力和实践经验。