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 = [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(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>

[jQuery] jQuery第十篇 map方法

相关帖子

常用JavaScript的注释方法示例

怎么在JavaScript中加注释

常用HTML网页跳转的几种方法

Win10取消开机密码的2种方法

js保留两位小数方法总结

php使用GD库创建图片缩略图的方法

Discuz应用中心恢复授权的方法

Discuz X重置应用中心数据的方法

react如何引入css

阿里云盘获取refresh_token方法

飞奔的炮台 LV3