08-jQuery-map方法

最新推荐文章于 2022-03-03 14:09:10 发布

倾国倾chen

最新推荐文章于 2022-03-03 14:09:10 发布

阅读量126

点赞数

分类专栏： # jQuery

本文链接：https://blog.csdn.net/weixin_44142718/article/details/110744635

版权

jQuery 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

1、代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>08-jQuery-map方法</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script>
        var arr=[1,3,5,7,9];
        var obj={0:1,1:3,2:5,3:7,4:9,length:5};
        /*
        第一个参数：遍历到的元素
        第二个参数：遍历到的索引
        第三个参数：遍历到的数组
        注意点：原生的forEach方法只能遍历数组，不能遍历伪数组。
        */
        arr.map(function(value,index,array){
            console.log(value,index,array);
        });

        /*
        obj.map(function(value,index,array){
            console.log(value,index,array);
        });
        */
        console.log("---原生JS与jQuery的分割线---");

        /*
        第一个参数：遍历到的数组
        第二个参数：每遍历一个元素之后执行的回调
        回调函数的参数：
        第一个参数：遍历到的元素
        第二个参数：遍历到的索引
        注意点：each方法能遍历数组和伪数组。
        */
        $.map(arr,function(value,index){
            console.log(value,index);
        });
        console.log("---数组和伪数组的分割线---");
        $.map(obj,function(value,index){
            console.log(value,index);
        });

        /*
        jQuery中each静态方法和map静态方法的区别：
        1、each默认返回值为所遍历的数组，map默认返回值为空数组。
        2、each不支持在回调函数中对返回值进行处理，map支持在回调函数中通过return对遍历数组进行处理，生成新的数组返回。
        */
    </script>
</head>
<body>
    
</body>
</html>