1. 新行网首页
  2. 投稿

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

• 投稿 • 阅读 30

jQuery的map方法以及和each方法的区别

整片代码

<!DOCTYPE html>

<html>

<head>

<meta charset=”utf-8″>

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

<script src=”../static/js/jquery-3.6.0.js”></script>

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

});jQuery的map方法以及和each方法的区别

利用原生JS的map方法遍历数组

console.log(“利用原生JS的map方法遍历伪数组{对象}”);

obj.map(function(value, index, array){

console.log(index, value, array);

});jQuery的map方法以及和each方法的区别

“利用原生JS的map方法遍历伪数组{对象}

console.log(“下面是利用jQuery遍历数组”)

// 利用jQuery遍历数组 $.each(要遍历的数组， 回调函数（索引， 值）{执行的语 句})

// arr第一个参数： 要遍历的数组

// function(value, index)第二个参数：每遍历一个元素之后要执行的回调函数

// 回调函数的参数：

// value第一个参数： 遍历到的元素

// index第二个参数： 遍历到的索引

$.map(arr, function(value, index){

console.log(index, value);

})jQuery的map方法以及和each方法的区别

利用jQuery遍历数组

console.log(“下面是利用jQuery遍历伪数组（对象）”)

// 利用jQuery遍历数组 $.each(要遍历的数组， 回调函数（索引， 值）{执行的语句})

$.map(obj, function(value, index){

console.log(index, value);

})jQuery的map方法以及和each方法的区别

利用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方法以及和each方法的区别

下面是jQuery的**map**遍历结果”

console.log(“下面是jQuery的map和**each**之间的区别”)

let each = $.each(obj, function(index, value){

console.log(index, value);

})

console.log(each)jQuery的map方法以及和each方法的区别

下面是jQuery的**each**遍历结果

</script>

</head>

<body>

</body>

</html>

原创文章，作者：admin，如若转载，请注明出处：https://www.qq65hfghe5.com/tg/65983.html

赞 (0)
上一篇 2024年11月18日 02:13:37
下一篇 2024年11月18日 02:20:32

相关推荐