2023 年 9 月 – 李响的博客

在 JavaScript 中，forEach 和 map 都是用于处理数组元素的方法，但它们有一些区别。

forEach 是一个数组方法，它接受一个回调函数作为参数，并对数组中的每个元素执行该回调函数。它没有返回值，仅用于遍历数组。示例代码如下：

const array = [1, 2, 3, 4];
array.forEach((element) => {
  console.log(element);
});

输出结果：

forEach 方法对数组中的每个元素都会执行一次回调函数，但它不会生成一个新的数组。

相比之下，map 方法也接受一个回调函数作为参数，但它会对数组中的每个元素都执行回调函数，并返回一个新的数组，该数组包含回调函数的返回值。示例代码如下：

const array = [1, 2, 3, 4];

const newArray = array.map((element) => {
  return element * 2;
});

console.log(newArray);

输出结果：

[2, 4, 6, 8]

在上面的例子中，map 方法将原始数组中的每个元素乘以 2，并返回一个新的数组 [2, 4, 6, 8]。

因此，主要区别在于：

根据具体的需求，选择使用 forEach 还是 map 取决于是否需要生成一个新的数组。如果只需要遍历数组并执行操作，而不需要生成新的数组，可以使用 forEach。如果希望对数组进行变换，并生成一个新的数组，可以使用 map。

npm、yarn 和 pnpm 设置淘宝镜像