文章插图
整片代码
<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<title>10-静态方法-map方法</title>
<script src=https://www.520longzhigu.com/diannao/”../static/js/jquery-3.6.0.js”>
<script>
// 定义一个数组
arr = [1, 3, 5, 7, 9]
// 定义个伪数组,就是一个对象
let obj = {0:1, 1:3, 2:5, 3:7, 4:9, length:5};
/*
// 利用原生JS的map方法遍历数组
console.log(“利用原生JS的map方法遍历数组”);
//value第一个参数: 当前遍历到的元素
//index第二个参数: 当前遍历到的索引
//array第三个参数:当前遍历到的数组
// 和原生的foreach方法一样只能遍历数组,不能遍历伪数组
arr.map(function(value, index, array){
console.log(index, value, array);
});
利用原生JS的map方法遍历数组
console.log(“利用原生JS的map方法遍历伪数组{对象}”);
obj.map(function(value, index, array){
console.log(index, value, array);
});
“利用原生JS的map方法遍历伪数组{对象}
console.log(“下面是利用jQuery遍历数组”)
// 利用jQuery遍历数组 $.each(要遍历的数组,回调函数(索引,值){执行的语 句})
// arr第一个参数: 要遍历的数组
// function(value, index)第二个参数:每遍历一个元素之后要执行的回调函数
// 回调函数的参数:
// value第一个参数: 遍历到的元素
// index第二个参数: 遍历到的索引
$.map(arr, function(value, index){
console.log(index, value);
})
利用jQuery遍历数组
console.log(“下面是利用jQuery遍历伪数组(对象)”)
// 利用jQuery遍历数组 $.each(要遍历的数组,回调函数(索引,值){执行的语句})
$.map(obj, function(value, index){
console.log(index, value);
})
利用jQuery遍历伪数组(对象)
// 下面是jQuery的map和each之间的区别
console.log(“下面是jQuery的**map**和each之间的区别”)
let map = $.map(obj, function(value, index){
console.log(index, value);
})
console.log(map)
下面是jQuery的**map**遍历结果”
console.log(“下面是jQuery的map和**each**之间的区别”)
let each = $.each(obj, function(index, value){
console.log(index, value);
})
console.log(each)
下面是jQuery的**each**遍历结果
</script>
</head>
<body>
</body>
</html>
以上关于本文的内容,仅作参考!温馨提示:如遇健康、疾病相关的问题,请您及时就医或请专业人士给予相关指导!
「四川龙网」www.sichuanlong.com小编还为您精选了以下内容,希望对您有所帮助:- 米出虫子如何解决
- html打开中文乱码解决方法 jq禁用按钮设置
- 打印机状态错误解决方法 打印机打印状态是错误怎么回事
- 电脑不能启动电源风扇解决方法 主机启动不了灯也不亮怎么回事
- 如何解决办公室发胖问题?
- ??:谷歌希望通过新功能帮助您解决住宿问题
- 为什么上传头像失败:手机上传报名照片失败,常见问题及解决方法总结
- 浅谈低压电网末端电压过低的解决措施 输电线路末端电压低解决
- 专家:山西水灾受灾范围比河南更大 到底该怎么解决呢?你怎么看?
- 前端字体加粗样式 css样式字体加粗代码