10-静态方法map方法

最新推荐文章于 2023-12-18 21:46:57 发布

iWarming

最新推荐文章于 2023-12-18 21:46:57 发布

阅读量235

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/csdn9228/article/details/84677596

版权

jQuery 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>10-静态方法map方法</title>
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script>
    var arr = [1, 3, 5, 7, 9];
    var obj = {0:1, 1:3, 2:5, 3:7, 4:9, length:5};    //伪数组
    //1.利用原生JS的map方法
    /*
    *第一个参数：当前遍历到的元素
    * 第二个参数：当前遍历到的索引
    * 第三个参数：当前遍历的数组
    * 和原生forEach一样，不能遍历伪数组
     */
    /*arr.map(function (value,index,array) {
      console.log(index,value,array);
    });*/

    /*obj.map(function (value,index,array) {
      console.log(index,value,array);//不能遍历
    });*/
    /* 2.利用jQuery的map方法
    *第一个参数：要遍历的数组
    * 第二个参数：每遍历一个元素之后执行的回调函数
    * 回调函数的参数：
    * 第一个参数：遍历的元素
    * 第二个参数：遍历到的索引
    * 和jQuery中的each方法一样，可以遍历伪数组
     */
   /* $.map(arr,function (value,index) {
     console.log(index,value);
    })
   $.map(obj,function (value,index) {
      console.log(index,value);
    })
*/

    var res1 = $.each(arr,function (index,value) {
       console.log(index,value);
       return value+index;      //each不支持在回调函数中对遍历的数组进行处理
    })
    var res2 = $.map(obj,function (value,index) {
      console.log(index,value);
      return value+index;     //map支持在回调函数中通过return对遍历的数组进行处理,生成一个新的数组返回
    })
    //jQuery中each静态方法和map静态方法的区别
    console.log(res1);    //要遍历谁就返回谁
    console.log(res2);    //返回值是一个空数组
  </script>
</head>
<body>

</body>
</html>

iWarming

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
10-静态方法map方法

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;10-静态方法map方法&lt;/title&gt; &lt;script src="https://code.jquery.com/j
复制链接

扫一扫

专栏目录