jQuery的map静态方法 

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

  });*/
 var res= $.map(obj,function (value,index) {
    console.log(index,value);
  return value  + index;
  });

 var res2= $.each(obj,function (index,value) {
    console.log(index,value);
   return value  + index;
  });

  /**
   * jQuery的each静态方法和map静态方法：
   * each静态方法默认的返回直接就是 遍历谁返回谁
   * map静态方法默认的返回值是一个空数组
   * each静态方法不支持在回调函数中对遍历的数组进行处理
   * map静态方法可以在回调函数中通过return对遍历的数组进行处理
   */
  console.log(res);
  console.log(res2);
</script>
</head>
<body>

</body>
</html>
posted @ 2020-03-01 19:16  动起来mygod  阅读(212)  评论(0)    收藏  举报