一、原生JS forEach()和map()遍历
共同点：
1.forEach() 和 map() 里面每一次执行匿名函数都支持3个参数：数组中的当前项item,当前项的索引index,原始数组input。
2.匿名函数中的this都是指Window。
3.只能遍历数组。
1）.forEach()没有返回值。map()有返回值可接收return 出来的新数组
2）问题：不管是forEach还是map在IE6-8下都不兼容
/**
- 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;
}
二、jQuery .map()遍历
1).map()有返回值，可以return 出来。
.each()里的参数位置相反：数组中的当前项n，当前项的索引i。如果遍历的是对象，i 是值，n 是键。如果是
.each() $("span").each()一样
