飞奔的炮台 发表于 2021-11-17 11:36:02

jQuery第十篇 map方法

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script type="text/javascript" src="jquery-1.10.1.min.js"></script>
<script>
var arr = ;
    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(value,index,array);
       });
      /* obj.map(function(value,index,array)
       {
       console.log(value,index,array);
       });*/
      /*
      第一个参数: 要遍历的数组
      第二个参数: 每遍历一个元素之后执行的回调函数
      回调函数的参数:
      第一个参数: 遍历到的元素
      第二个参数: 遍历到的索引
      注意点:
      和jQuery中的each静态方法一样, map静态方法也可以遍历伪数组
      */
       var res=$.map(obj,function(value,index)
       {
       console.log(index, value);
            return value + index;
       });
       console.log(res);
      var res2 = $.each(obj, function (index, value) {
            console.log(index, value);
            return value + index;
      });
      console.log(res2);

</script>
</body>
</html>


https://blog.51cto.com/u_14760424/4603962
页: [1]
查看完整版本: jQuery第十篇 map方法