他们不是一回事。让我解释一下区别。

forEach：这会遍历一个列表，并对每个列表成员应用一些具有副作用的操作（例如：将每个列表项保存到数据库中）并且不返回任何内容。

map：这将迭代一个列表，转换该列表的每个成员，并返回另一个与转换成员大小相同的列表（例如：将字符串列表转换为大写）。它不会改变调用它的数组（尽管如果传递一个回调函数，它可能会这样做）。

参考

Array.prototype.forEach() - JavaScript | MDN

Array.prototype.map() - JavaScript | MDN

• Array.forEach “每个数组元素执行一次提供的函数。”

• Array.map “创建一个新数组，其结果是对该数组中的每个元素调用提供的函数。”

所以，forEach实际上并没有返回任何东西。它只是为每个数组元素调用函数，然后就完成了。因此，您在该被调用函数中返回的任何内容都将被简单地丢弃。

另一方面，map将类似地为每个数组元素调用该函数，但不会丢弃其返回值，而是捕获它并构建这些返回值的新数组。

这也意味着你可以map在任何你使用的地方使用，forEach但你仍然不应该这样做，所以你不会毫无目的地收集返回值。如果你不需要它们，不收集它们会更有效率。

forEach() 例子

chars = ['Hello' , 'world!!!'] ;
    
var retVal = chars.forEach(function(word){
  console.log("Saving to db: " + word) 
})
  
console.log(retVal) //undefined

map() 例子

 chars = ['Hello' , 'world!!!'] ;
    
 var lengths = chars.map(function(word){
   return word.length
 }) 
    
 console.log(lengths) //[5,8]

您需要知道的主要区别是.map()返回一个新数组，.forEach()而不返回。这就是为什么您会在输出中看到这种差异。.forEach()只对数组中的每个值进行操作。

阅读：

• Array.prototype.forEach()- JavaScript | MDN
• Array.prototype.map()- JavaScript | MDN

您可能还想查看： - Array.prototype.every()- JavaScript | MDN

性能分析 随着数组中元素数量的增加，For 循环的执行速度比 map 或 foreach 快。

let array = [];
for (var i = 0; i < 20000000; i++) {
  array.push(i)
}

console.time('map');
array.map(num => {
  return num * 4;
});
console.timeEnd('map');


console.time('forEach');
array.forEach((num, index) => {
  return array[index] = num * 4;
});
console.timeEnd('forEach');

console.time('for');
for (i = 0; i < array.length; i++) {
  array[i] = array[i] * 2;

}
console.timeEnd('for');