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()返回新的数组。