性能分析 随着数组中元素数量的增加，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(“的”);

需要指出的一点是，这两个方法都跳过未初始化的值，但map将它们保留在返回的数组中。

var arr = [1, , 3];

arr.forEach(function(element) {
    console.log(element);
});
//Expected output: 1 3

console.log(arr.map(element => element));
//Expected output: [1, undefined, 3];

它们不是一回事。让我来解释一下其中的区别。

forEach:它遍历一个列表，并对每个列表成员应用一些具有副作用的操作(例如:将每个列表项保存到数据库)，并且不返回任何东西。

map:遍历一个列表，转换该列表的每个成员，并返回另一个与转换后的成员相同大小的列表(例如:将字符串列表转换为大写)。它不会改变被调用的数组(尽管回调函数可能会这样做)。

参考文献

Array.prototype.forEach() - JavaScript | MDN

Array.prototype.map() - JavaScript | MDN

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

读:

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

你可能还想看看: - Array.prototype.every() - JavaScript | MDN

forEach ():

返回值:undefined originalArray:方法调用后未修改 方法调用结束后不会创建newArray。

map ():

返回值:新数组，在调用数组中的每个元素上调用所提供函数的结果 originalArray:方法调用后未修改 在方法调用结束后创建newArray。

结论:

因为map构建了一个新的数组，所以当你不使用返回的数组时使用它是一种反模式;用forEach或for-of代替。

forEach()例子

chars = ['Hello'， 'world!!'); var retVal = char . foreach(函数(字){ console.log(" save to db: " + word) }) console.log (retVal) / /定义

map()例子

chars = ['Hello'， 'world!!'); Var长度= char .map(函数(单词){ 返回word.length }) console.log(长度)/ /(5、8)