jQuery——数组的遍历

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

原生js的forEach方法遍历数组jQuery的each静态方法遍历数组原生js的map方法遍历数组jQuery的map方法遍历数组jQuery中each静态方法和map静态方法的区别

原生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对遍历的数组进行处理，然后生成一个新的数组返回