for、forEach和map比较

for、forEach和map比较

性能比较

for循环是在有js的时候就有了，forEach和map是es5的时候出来的，单纯从性能上说，map和forEach方法是远远落后for语句的。

for性能最好，其次是forEach，再者是map。

参考：JS数组循环的性能和效率分析（for、while、forEach、map、for of）

使用场景的区别

forEach()方法不会返回执行结果，而是undefined。也就是说，forEach()会修改原来的数组。而map()方法会得到一个新的数组并返回。

arr.forEach((num, index) => {
 return arr[index] = num * 2;
});
// arr = [2, 4, 6, 8, 10]   改变原数组
----------------
let doubled = arr.map(num => {
 return num * 2;
});
// doubled = [2, 4, 6, 8, 10]  （d返回一个新数组）

总结

1. forEach适合于你并不打算改变数据的时候，而只是想用数据做一些事情 – 比如存入数据库或则打印出来。
2. map()适用于你要改变数据值的时候。不仅仅在于它更快，而且返回一个新的数组。这样的优点在于你可以使用复合(composition)(map(), filter(), reduce()等组合使用)来玩出更多的花样。

核心要点

1. 能用forEach()做到的，map()同样可以。反过来也是如此。
2. map()会分配内存空间存储新数组并返回，forEach()不会返回数据。
3. forEach()允许callback更改原始数组的元素。map()返回新的数组。