map 和 forEach 区别

定义：forEach():针对每一个元素执行提供的函数。map():创建一个新的数组，其中每一个元素由调用数组中的每个元素执行提供的函数得来。区别在于 前者不会返回执行结果，而是 undefined。前者会修改原来的数组。后者 map()方法会得到一个新的数组并返回。

示例

一个数组，如果我们想将其中的每一个元素翻倍，可以使用 map 和forEach 来达到目的。

let arr = [4,8,9,7,8,7,10];
arr.forEach((num,i)=>{
	return arr[i] = num * 3;
})
// arr = [12,24,27,21,24,21,30]
// map
let arrtwo = arr.map(num =>{
	return num * 3;
});
// arrtwo = [12,24,27,21,24,21,30]

执行速度对比

经过在工具上测试 forEach() 的执行速度 比 map()慢了 70%。

使用场景 选择

forEach 适合不打算改变数据的时候，只是想用数据做一些事情 – 例如 存入数据或打印出来

let arr = ['d','f','e','a'];
arr.forEach((item)=>{
	console.log(item);
})
// d
// f
// e
// a

map 适用于你要 改变数据时，返回一个新的数组。对新的数组 使用 复合方法(map(),filter(),reduce())来进行复杂的操作

let twoArr = [4,5,7,8,3];
let newArr = twoArr.map(num => num * 2).filter(num => num > 7);
//newArr = [8,10,14,16]

要点

能用 forEach() 做到的，map()同样可以

map()会分配内存空间存储新数组并返回，forEach() 不会返回数据。

forEach()允许callback 更改原始数组的元素。而map()返回新的数组。