<!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>
jQuery的map静态方法
猜你喜欢
转载自www.cnblogs.com/god1/p/12391412.html
今日推荐
周排行