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-数组与伪数组的差别

jQuery的基础总结

java打开获取数据的接口,保存到静态map里面,定时取出map的值进行保存

jQuery入门-----jQuery中的静态方法

jQuery的核心对象原型对象静态方法动态方法

JQuery核心函数和静态方法