<!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>
来源:https://www.cnblogs.com/god1/p/12391412.html