您的当前位置:首页正文

jquery中如何使用$.each()遍历对象和数组

2024-07-17 来源:客趣旅游网

jquery中的遍历方法,都是应用于遍历dom元素,而$.each()方法不仅可以遍历dom元素,还可以遍历任何对象,如果我们想要遍历对象和数组,可以使用$.each()方法先进行对象的成员或数组的索引,然后为对应变量或内容实施遍历。

1、$.each()方法

通用遍历方法,可用于遍历对象和数组,同时使用元素索引和内容。

此方法可用于遍历任何对象。

2、使用语法

jQuery.each(object, [callback])

3、使用参数

object:需要遍历的对象或数组。

callback:每个成员/元素执行的回调函数。

4、使用$.each()遍历对象

$.each({ name: "itmyhome", addr: "Beijing" },function(i, n){ 
console.info("Name: " + i + ", Value: " + n); 
});

5、使用$.each()遍历数组

var arr = ["one","two","three"];
$.each(arr,function(){
    alert(this);    //one,two,three
});

var arr = [[1,4,3],[4,6,6],[7,20,9]];
$.each(arr,function(i,item){
    alert(item[0]);    //1,4,7    item相当于取每一个一维数组
});

以上就是jquery中使用$.each()方法遍历对象和数组的过程,希望能对你有所帮助哦~更多JavaScript学习推荐:。

显示全文