<!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第十篇 map方法
关注
打赏
