欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-03-07 17:18:24
$.each主要是用来遍历数组或对象的,例如: 输出如下: 而$.map虽然也是遍历数组的,但是它可以生成的数组,只要在函数内返回一个值即可,如下: writer by:大沙漠 QQ:22969969 writer by:大沙漠 QQ:22969969 输出: 总结:$.each是用来遍历数组的,$ ......

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

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

输出如下:

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

而$.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

输出:

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

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