一浴骂、原生JS forEach()和map()遍歷
共同點(diǎn)：
1.forEach() 和 map() 里面每一次執(zhí)行匿名函數(shù)都支持3個(gè)參數(shù)：數(shù)組中的當(dāng)前項(xiàng)item,當(dāng)前項(xiàng)的索引index,原始數(shù)組input乓土。
2.匿名函數(shù)中的this都是指Window。
3.只能遍歷數(shù)組。
1）.forEach()沒(méi)有返回值趣苏。map()有返回值可接收return 出來(lái)的新數(shù)組
2）問(wèn)題：不管是forEach還是map在IE6-8下都不兼容
/**
- forEach遍歷數(shù)組
- @param callback [function] 回調(diào)函數(shù)狡相；
- @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下自己編寫(xiě)回調(diào)函數(shù)執(zhí)行的邏輯
for(var i = 0,len = this.length; i < len;i++) {
callback && callback.call(context,this[i],i,this);
}
//------------------------------------------//
/**
- map遍歷數(shù)組
- @param callback [function] 回調(diào)函數(shù)食磕；
- @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下自己編寫(xiě)回調(diào)函數(shù)執(zhí)行的邏輯
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 出來(lái)搂橙。
.each()里的參數(shù)位置相反：數(shù)組中的當(dāng)前項(xiàng)n歉提，當(dāng)前項(xiàng)的索引i。如果遍歷的是對(duì)象区转，i 是值苔巨，n 是鍵。如果是
.each() $("span").each()一樣
