jquery的each遍历方法是干什么的(前端解决跨域的三种方法)

   发布日期:2022-08-16 15:12:36     手机:https://m.haocat.cn/shenghuo/news63114.html    违规举报
核心提示:整片代码 <!DOCTYPE html> <html> <head> <meta charset=”utf-8″> <title>10-静态方法-map方法</title> <script src=http://192.168.0.66

整片代码

<!DOCTYPE html>

<html>

<head>

<meta charset=”utf-8″>

<title>10-静态方法-map方法</title>

<script src=https://www.haocat.cn/aimg/bk45/rqlb8muepk7zctoy5rvtbpwawdf7jxlqs76fkchd-0.webp>

<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>

 
 
本文地址:http://haocat.cn/shenghuo/news63114.html,转载请注明出处。
 
更多>同类生活健康

推荐图文
推荐生活健康
点击排行
网站首页  |  网站流量  |  联系方式  |  使用协议  |  版权隐私  |  网站地图  |  违规举报  |  SiteMaps  |  BaiDuNews