1.相同点:
1. forEach 和 map 的都可以循环数组,参数一致
array.map(function(item,index,arr){},this)
array.forEach(function(item,index,arr){},this)
2.不同点
map有返回return,forEach没有返回
var arr = [1,23,3];
arr.map(function(value,index,array){
//do something
return XXX
})
arr.each(function(value,index,array){
})
3.兼容问题和兼容写法
在ie中有兼容问题 ,ie8及以下都不兼容map和foreach写法,正常中webpack等打包工具可以生成兼容写法。需要手写兼容写法如下:
/**
* forEach遍历数组
* @param callback [function] 回调函数;
* @param context [object] 上下文;
*/
Array.prototype.myForEach = function myForEach(callback,context){
context = context || window;
if('forEach' in Array.prototye) {
this.forEach(callback,context);
return;
}
//IE6-8下自己编写回调函数执行的逻辑
for(var i = 0,len = this.length; i < len;i++) {
callback && callback.call(context,this[i],i,this);
}
}
/**
* map遍历数组
* @param callback [function] 回调函数;
* @param context [object] 上下文;
*/
Array.prototype.myMap = function myMap(callback,context){
context = context || window;
if('map' in Array.prototye) {
return this.map(callback,context);
}
//IE6-8下自己编写回调函数执行的逻辑
var newAry = [];
for(var i = 0,len = this.length; i < len;i++) {
if(typeof callback === 'function') {
var val = callback.call(context,this[i],i,this);
newAry[newAry.length] = val;
}
}
return newAry;
}