相同点:
1, 都是循环遍历数组中的每一项
2, 每次执行匿名函数都支持三个参数,参数分别为item(当前的每一项),index(索引值),arr(原数组),
3, 匿名函数中的this都是指向window
4, 只能遍历数组
不同点
1, map会分配内存空间存储新数组并返回,forEach不会返回数组
2, forEach允许callback更改原始数组的元素,map返回新的数组
1, forEach针对每个元素执行提供的函数,对数组的操作会改变原数组
2,
var arr1 = [0,2,4,6,8];
var newArr1 = arr1.forEach(function(item,index,arr1){
console.log(this);
console.log(arr1);
arr1[index] = item/2;
},this);
console.log(arr1);
console.log(newArr1);
使用场景:并不打算改变数据的时候,而只是想用数据做一些事情,比如存入数据库或者打印出来;
Map
Map不会改变原数组的值,返回一个新数组,新数组的值为原数组调用函数处理之后的值
var arr = [0,2,4,6,8];
var newArr = arr.map(function(item,index,arr){
console.log(this);
console.log(arr);
return item/2;
},this);
console.log(newArr);
使用场景:map更适用于要改变数据值的时候,不仅仅在于它更快,而是返回一个新的数组