jQuery的map静态方法

喜你入骨 提交于 2020-03-01 19:54:45
<!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>
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!