jQuery的map静态方法
Posted god1
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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>
以上是关于jQuery的map静态方法的主要内容,如果未能解决你的问题,请参考以下文章
jquery---调用静态方法-each--map-数组与伪数组的差别