性能分析(同样-不是很科学) 根据我的经验，有时候.map()比.foreach()更快。

let rows = []; for (let i = 0; i < 10000000; i++) { // console.log("here", i) rows.push({ id: i, title: 'ciao' }); } const now1 = Date.now(); rows.forEach(row => { if (!row.event_title) { row.event_title = `no title ${row.event_type}`; } }); const now2 = Date.now(); rows = rows.map(row => { if (!row.event_title) { row.event_title = `no title ${row.event_type}`; } return row; }); const now3 = Date.now(); const time1 = now2 - now1; const time2 = now3 - now2; console.log('forEach time', time1); console.log('.map time', time2);

在我的macbook pro上(2013年底)

在1909年 .map时间444

数组中。forEach“对每个数组元素执行一次所提供的函数。” 数组中。Map“创建一个新数组，其中包含对该数组中的每个元素调用所提供的函数的结果。”

forEach实际上不返回任何东西。它只是为每个数组元素调用函数，然后就完成了。所以无论你在被调用的函数中返回什么都会被丢弃。

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

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

这里没有提到的一个穿梭的区别是forEach()可以在静态(不是活动的)NodeList上循环，而map()不能

//works perfectly
      document.querySelectorAll('.score').forEach(element=>console.log(element));
    
    
  //Uncaught TypeError: document.querySelectorAll(...).map is not a function        
      document.querySelectorAll('.score').map(element=>console.log(element));

.map和. foreach会做同样的事情，直到你开始对拥有数百万个元素的数组进行操作。.map会创建另一个具有相同大小(可能还有类型，这取决于数组的种类)的集合，这可能会占用大量内存。

forEach()和map()的区别

forEach()只是循环遍历元素。它会丢弃返回值并且总是返回undefined。此方法的结果不提供输出。

Map()循环遍历元素，通过迭代主数组分配内存并存储返回值

例子:

   var numbers = [2,3,5,7];

   var forEachNum = numbers.forEach(function(number){
      return number
   })
   console.log(forEachNum)
   //output undefined

   var mapNum = numbers.map(function(number){
      return number
   })
   console.log(mapNum)
   //output [2,3,5,7]

map()比forEach()快

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

Let array = []; For (var I = 0;I < 20000000;我+ +){ array.push(我) ｝ console.time(“映射”); 数组中。映射(num => { 返回num * 4; })； console.timeEnd(“映射”); console.time (' forEach '); 数组中。forEach((num, index) => { 返回数组[index] = num * 4; })； console.timeEnd (' forEach '); console.time(“的”); For (i = 0;I < array.length;我+ +){ 数组[i] =数组[i] * 2; ｝ console.timeEnd(“的”);