JavaScript中map()方法和forEach()方法的区别

JS中Map和ForEach的区别

forEach:
针对每一个元素，并为每一个元素提供执行的函数。
map()方法：
创建一个新数组，其中每一个元素由调用数组中的每一个元素 执行map提供的函数得来。

区别： forEach() 方法不会返回执行结果。 forEach()方法不会修改原来的数组，但是允许callback更改原始数组的元素，但是没有返回值。 而map()方法得到一个新的数组，这个新数组是map 方法修改数组后返回回来的新的数组。

//注意，forEach是不会返回有意义的值的。
//我们在回调函数中直接修改arr的值，forEach不会修改原始数组的值，但是如果在回调函数修改原始数组的值，就会修改原始数组。
let arr = [1,2,3,4]
arr.forEach((val, key)=>{
	return arr[key] = val*val   // 这样就会修改原始数组的值
	// val*2 // 对数组的值做一些操作，没有返回值，不会修改原数组
})

map()

let arr = [1,2,3,4]
let arr2 = arr.map(val = {
	return val*val
})

// arr2 => [1,4,9,16]

总结：
forEach()可以做到的东西，map()也同样可以。反过来也是如此。

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

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