品易云推流 关闭
文章详情页
文章 > JavaScript > jquery中如何使用$.each()遍历对象和数组

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

js jQuery

头像

宋雪维

2021-01-28 11:32:383749浏览 · 0收藏 · 0评论

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学习推荐:JavaScript教程

关注

关注公众号,随时随地在线学习

本教程部分素材来源于网络,版权问题联系站长!

底部广告图