Jquery — 数组的遍历

关注

原创最新推荐文章于 2022-08-12 18:28:36 发布 6.3k 阅读 AI 写同款· GEO 优化 ›

jQuery中遍历数组的方法方法可以用于遍历数组，并将每个元素通过回调函数进行转换后返回一个新的数组。它接受两个参数：要遍历的数组和一个回调函数。回调函数会在每个数组元素上被调用，并将返回的值添加到新的数组中。方法是jQuery提供的一个通用的遍历方法，可以用于遍历数组。它接受两个参数：要遍历的数组和一个回调函数。回调函数会在每个数组元素上被调用，并传入当前元素的索引和值作为参数。方法可以用于过滤数组中的元素，并返回符合条件的元素组成的新数组。，则表示该元素符合条件，将被包含在返回的新数组中。以下是一个示例代码，展示如何使用。阅读详情

原生js与jQuery遍历数组的比较

原生js的forEach方法遍历数组

//第一个参数：遍历到的元素
//第二个参数：索引
//注意：原生的forEach方法只能遍历数组，不能遍历伪数组
var arr = [1,3,5,7,9]
var obj = {0:1, 1:3 ,2:5, 3:7, 4:9, length:5 }

arr.forEach(function(value,index){
	console.log(index,value);
})
//可以通过数组的原型遍历伪数组
Array.prototype.forEach.call(obj, function (value, index) {
	console.log(index,value);
})

jQuery的each静态方法遍历数组

//第一个参数：索引
//第二个参数：遍历到的元素
//注意：jQuery的each方法是可以遍历伪数组的
var arr = [1,3,5,7,9]
var obj = {0:1, 1:3 ,2:5, 3:7, 4:9, length:5 }

$.each(arr,function(index,value){
	console.log(index,value);
})
$.each(obj,function(index,value){
	console.log(index,value);
})

原生js的map方法遍历数组

//第一个参数：遍历到的元素
//第二个参数：遍历到的索引
//第三个参数：当前被遍历的数组
//注意：和原生的forEach方法一样，不能遍历伪数组
var arr = [1,3,5,7,9]
var obj = {0:1, 1:3 ,2:5, 3:7, 4:9, length:5 }

arr.map(function(value,index,array){
	console.log(index,value,array);
})

jQuery的map方法遍历数组

//第一个参数：要遍历的数组
//第二个参数：每遍历一个元素之后执行的回调函数
//回调函数的参数：
//	第一个参数：遍历到的元素
//	第二个参数：遍历到的索引
//注意：和jQuery中的each方法一样，map静态方法也可以遍历伪数组
var arr = [1,3,5,7,9]
var obj = {0:1, 1:3 ,2:5, 3:7, 4:9, length:5 }

$.map(arr,function(value,index){
	console.log(index,value);
})
$.map(obj,function(value,index){
	console.log(index,value);
})