原生map以及jquery的map对比

最新推荐文章于 2021-06-20 08:30:04 发布

原创最新推荐文章于 2021-06-20 08:30:04 发布 · 495 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#原生map #jquery的map方法

本文通过实例对比了jQuery中map和each方法的使用，重点介绍了map方法如何处理数组及伪数组，展示了其回调函数的参数及用法。通过比较，读者可以理解两者在遍历数据时的不同之处。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jquery_each和map的区别</title>
</head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script>

    // 定义一个伪数组
    var obj ={0:1,1:3,2:5,3:7,4:9,length:5}

    //定义一个数组
    var arr =[1,3,5,7,9]

    //遍历数组
    arr.map(function (value, index, array) {
        console.log(value, index, array)
    })
效果图


   





//遍历伪数组
    obj.map(function (value, index, array) {
        console.log(value, index, array)
    })

   // map 有两个两个参数,第一个是要遍历的对象,第二个是回调
    //回调的第一个参数value,第二个索引
   $.map(arr,function (value,index) {
        console.log(index,value)
   })

</script>
<body>

</body>
</html>