品易云推流 关闭
文章详情页
文章 > JavaScript > jquery如何使用each方法遍历数组

jquery如何使用each方法遍历数组

jQuery

头像

宋雪维

2021-03-23 12:00:454055浏览 · 0收藏 · 0评论

JavaScript中,数组遍历很多种方法,但是有的方法较为麻烦。而在jQuery中,数组遍历方法更为简单。本文介绍jQuery中数组遍历的each()方法,each()方法可以实现对数组中的元素进行遍历,而且不仅是一维数组,二维数组同样可以使用。

1、each()方法

用于实现对数组的遍历,.each()方法多用于Array数组或JSON对象的遍历

2、使用语法格式

$.each(function(index,element))

3、参数

function():表示回调函数,用于对数组中的元素进行遍历。

index:选择器的index位置;element:当前的元素(也可使用‘this’选择器)

4、遍历一维数组实例

var arr=new Array();
arr=["aaa","bbb","ccc"];
$.each(arr,function(index,value){
     alert(i+"..."+value);
});

5、遍历二维数组实例

var arr2 = [[‘a’, ‘aa’, ‘aaa’], [‘b’, ‘bb’, ‘bbb’], [‘c’, ‘cc’, ‘ccc’]]
$.each(arr, function(i, item){
alert(i);
alert(item);
});

以上就是jquery使用each方法遍历数组的原理及使用实例,大家可以套入代码直接使用哦~更多JavaScript学习推荐:JavaScript教程

本文教程操作环境:windows7系统、jquery3.2.1版本,DELL G3电脑。

关注

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

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

底部广告图