jQuery 源码解析 $.each和$.map的区别

Posted 2022-09-10 greatdesert

$.each主要是用来遍历数组或对象的，例如:

var arr=[11,12,13,14]; 
$.each(arr,function(element,index)    //遍历arr数组
    console.log(element,index)            //打印element和index
)

输出如下:

而$.map虽然也是遍历数组的，但是它可以生成的数组，只要在函数内返回一个值即可，如下:

var arr = [11,12,13,14]; 
var b     = $.map(arr,function(element,index)    //遍历arr数组
    if(element%2==0) return element                    //只返回能被2整除的数字

writer by:大沙漠 QQ:22969969

)
console.log(b)

writer by:大沙漠 QQ:22969969

输出:

总结:$.each是用来遍历数组的，$.map除了遍历数组，还可以过滤并生成一个新的数组,当然，不一定非要过滤，任何逻辑都可以在map里的函数内完成，只要将满足要求的值返回即可