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

51 阅读1分钟

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