jquery常用的遍历方式

最新推荐文章于 2021-09-15 15:53:17 发布

原创最新推荐文章于 2021-09-15 15:53:17 发布 · 482 阅读

1 ·

CC 4.0 BY-SA版权

JS 专栏收录该内容

48 篇文章

订阅专栏

本文详细介绍了使用JavaScript进行数组遍历的各种方法，包括for循环、for-in循环、$.each遍历一维及二维数组、$().each()遍历DOM元素以及map函数的应用，是初学者和开发者快速掌握数组操作技巧的实用指南。

1.for循环

var arr = new Array(13.5,3,4,5,6);

for(var i=0;i<arr.length;i++){

arr[i] = arr[i]/2.0;

}

2.for,in循环

var x
var mycars = new Array()
mycars[0] = "Saab"
mycars[1] = "Volvo"
mycars[2] = "BMW"
for (x in mycars)//x表示数组下标
{
  document.write(mycars[x] + "<br />")
}

3.$.each遍历一维数组：

var arr=new Array();
arr=["aaa","bbb","ccc"];
$.each(arr,function(index,value){//index表示数组下标，value表示当前下标的值
     alert(index+"..."+value);
});

4.$.each遍历二维数组

$.each([["aaa", "bbb", "ccc"], ["ddd", "eee", "fff"], ["ggg", "hhh", "iii"]], function (index, item) {
         alert(index + "..." + item);
         //输出0...aaa,bbb,ccc  1...ddd,eee,fff  2...ggg,hhh,iii   这时的index为数组下标,item相当于取这二维数组中的每一个数组
         $.each(item, function (index, itemobj) {
              alert(index + "....." + itemobj);
         });
    });
     //输出0...aaa,bbb,ccc  0...aaa 1...bbb 2...cccc  1...ddd,eee,fff  0...ddd 1...eee 2...fff  2...ggg,hhh,iii 0...ggg 1...hhh 2...iii

5.$().each();

$("input[type='checkbox']").each(function(i){//i表示下标索引

$(this).attr("checked",true);

});

6.map遍历

var arr = [12,23,24,42,1];
var res = arr.map(function (item,index,input) {//item表示当前值，index表示当前数组下标，input表示原始数组
     return item*10;
})