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

jQuery中each静态方法和map静态方法的区别

each静态方法默认的返回值就是：遍历谁就返回谁
map静态方法默认的返回值是一个空数组

each静态方法不支持在回调函数中对遍历的数组进行处理
map静态方法可以在回调函数中通过return对遍历的数组进行处理，然后生成一个新的数组返回