Array.prototype.map()如果你使用了一段时间的JavaScript，你可能会遇到两个比较相似的数组方法：Array.prototype.map() 和 Array.prototype.forEach()。

所以，有什么不同呢？

####Map&ForEach的定义
首先让我们看一下在MDN上的定义：

• forEach() —— 给每个数组元素执行一次提供的函数。
• map() —— 创建一个新数组，再给每一个新数组元素执行一次提供的函数。

这到底意味着什么？

forEach()方法实际上不会返回任何东西(undefined)。它只是简单的在每个数组元素上执行你提供的函数。这个回调函数是被允许改变原有数组的。

map()方法也是在每个数组元素上执行你提供的函数。不同的是，map()会根据回调函数的返回值来返回一个相同大小的新数组。

代码示例

思考以下数组。如果我们想把每个数组元素乘以二，那map()或者forEach()都可以使用。

let arr = [1, 2, 3, 4, 5];

ForEach：
你将不会从forEach中得到一个返回值

arr.forEach((num, index) => {
    return arr[index] = num * 2;
});

结果：

// arr = [2, 4, 6, 8, 10]

Map:

let doubled = arr.map(num => {
    return num * 2;
});

结果：

// doubled = [2, 4, 6, 8, 10]

###速度
jsPerf是一个很好的用来测试不同JavaScript方法和函数执行速度的网站。
这是forEach()和map()的测试结果：

正如你所看到的，在我的机器上，forEach()要比map()慢70%。
你的浏览器可能会不同。你可以试一下
###功能
如果你喜欢函数式编程，那使用map()可能会更好。
这是因为forEach()会影响和改变我们的源数组，然而map()会返回一个全新的数组——从而保证源数组不变。
###哪一个更好？
这取决于你想实现什么功能。
当你不会改变数组中的数据时，forEach()可能会更好，只是想对数组做些什么，比如存入到数据库或者日志中：

let arr = ['a', 'b', 'c', 'd'];
arr.forEach((letter) => {
    console.log(letter);
});
// a
// b
// c
// d

当要改变数据时，map()可能会更好。不仅它更快，而且还会返回新的数组。这意味着我们能做很酷的事情，像链接其他方法（map(), filter(), reduce(), 等等）

let arr = [1, 2, 3, 4, 5];
let arr2 = arr.map(num => num * 2).filter(num => num > 5);
// arr2 = [6, 8, 10]

上面的代码中，我们首先做的是将数组中每个元素乘以2。在这之后，我们过滤了这个数组，就保存了比5大的元素。最终剩下了[6, 8, 10]这个数组arr2。

原文：https://codeburst.io/javascript-map-vs-foreach-f38111822c0f