$.each遍历对象、数组的属性值并进行处理


Posted in Javascript onJuly 18, 2014

通过它,你可以遍历对象、数组的属性值并进行处理。

使用说明

each函数根据参数的类型实现的效果不完全一致:

1、遍历对象(有附加参数)

$.each(Object, function(p1, p2) {
this; //这里的this指向每次遍历中Object的当前属性值
p1; p2; //访问附加参数
}, ['参数1', '参数2']);

2、遍历数组(有附件参数)

$.each(Array, function(p1, p2){
this; //这里的this指向每次遍历中Array的当前元素
p1; p2; //访问附加参数
}, ['参数1', '参数2']);

3、遍历对象(没有附加参数)

$.each(Object, function(name, value) {
this; //this指向当前属性的值
name; //name表示Object当前属性的名称
value; //value表示Object当前属性的值
});

4、遍历数组(没有附加参数)

$.each(Array, function(i, value) {
this; //this指向当前元素
i; //i表示Array当前下标
value; //value表示Array当前元素
});

下面提一下jQuery的each方法的几种常用的用法

Js代码

var arr = [ "one", "two", "three", "four"]; 
$.each(arr, function(){ 
alert(this); 
}); 
//上面这个each输出的结果分别为:one,two,three,four 

var arr1 = [[1, 4, 3], [4, 6, 6], [7, 20, 9]] 
$.each(arr1, function(i, item){ 
alert(item[0]); 
}); 
//其实arr1为一个二维数组,item相当于取每一个一维数组, 
//item[0]相对于取每一个一维数组里的第一个值 
//所以上面这个each输出分别为:1 4 7 

var obj = { one:1, two:2, three:3, four:4}; 
$.each(obj, function(key, val) { 
alert(obj[key]); 
}); 
//这个each就有更厉害了,能循环每一个属性 
//输出结果为:1 2 3 4

天生会嫉妒两种人,一种人是艺术狂人,一种人是代码狂人……
嫉妒是让我前进的动力

Javascript 相关文章推荐
tbody元素支持嵌套的注意方法
Mar 24 Javascript
基于IE下ul li 互相嵌套时的bug,排查,解决过程以及心得介绍
May 07 Javascript
javascript获取checkbox复选框获取选中的选项
Aug 12 Javascript
javascript等号运算符使用详解
Apr 16 Javascript
深入浅析JavaScript系列(13):This? Yes,this!
Jan 05 Javascript
JavaScript的this关键字的理解
Jun 18 Javascript
js实现网页定位导航功能
Mar 07 Javascript
使用socket.io制做简易WEB聊天室
Jan 02 Javascript
select获取下拉框的值 下拉框默认选中方法
Feb 28 Javascript
vue移动端UI框架实现QQ侧边菜单组件
Mar 09 Javascript
微信小程序实现3D轮播图效果(非swiper组件)
Sep 21 Javascript
JSONP解决JS跨域问题的实现
May 25 Javascript
js 模式窗口(模式对话框和非模式对话框)的使用介绍
Jul 17 #Javascript
一个小例子解释如何来阻止Jquery事件冒泡
Jul 17 #Javascript
iframe调用父页面函数示例详解
Jul 17 #Javascript
js中一维数组和二位数组中的几个问题示例说明
Jul 17 #Javascript
js中函数调用的两种常用方法使用介绍
Jul 17 #Javascript
jQuery中关于ScrollableGridPlugin.js(固定表头)插件的使用逐步解析
Jul 17 #Javascript
Express.JS使用详解
Jul 17 #Javascript
You might like
Php Mssql操作简单封装支持存储过程
2009/12/11 PHP
php图片处理:加水印、缩略图的实现(自定义函数:watermark、thumbnail)
2010/12/02 PHP
关于php mvc开发模式的感想
2011/06/28 PHP
YII中assets的使用示例
2014/07/31 PHP
php将HTML表格每行每列转为数组实现采集表格数据的方法
2015/04/03 PHP
使用PHP生成图片的缩略图的方法
2015/08/18 PHP
Smarty模板类内部原理实例分析
2019/07/03 PHP
php 实现简单的登录功能示例【基于thinkPHP框架】
2019/12/02 PHP
JavaScript 对Cookie 操作的封装小结
2009/12/31 Javascript
AngularJs 国际化(I18n/L10n)详解
2016/09/01 Javascript
JavaScript中Require调用js的实例分享
2017/10/27 Javascript
javascript闭包的使用之按钮切换功能
2018/08/30 Javascript
教你如何编写Vue.js的单元测试的方法
2018/10/17 Javascript
vue如何实现自定义底部菜单栏
2019/07/01 Javascript
JS闭包原理及其使用场景解析
2020/12/03 Javascript
Vue实现一种简单的无限循环滚动动画的示例
2021/01/10 Vue.js
JavaScript实现消消乐的源代码
2021/01/12 Javascript
Python中的CURL PycURL使用例子
2014/06/01 Python
详解在Python的Django框架中创建模板库的方法
2015/07/20 Python
Python实现Mysql数据库连接池实例详解
2017/04/11 Python
Python探索之实现一个简单的HTTP服务器
2017/10/28 Python
Python中pygal绘制雷达图代码分享
2017/12/07 Python
Python对切片命名的实现方法
2018/10/16 Python
Python 实现文件读写、坐标寻址、查找替换功能
2019/09/11 Python
PyCharm如何导入python项目的方法
2020/02/06 Python
Python GUI库Tkiner使用方法代码示例
2020/11/27 Python
使用Python webdriver图书馆抢座自动预约的正确方法
2021/03/04 Python
世界第一冲浪品牌:O’Neill
2016/08/30 全球购物
Tostadora意大利:定制T恤
2019/04/08 全球购物
Blue Nile蓝色尼罗河香港官网:世界最大在线钻石珠宝销售商
2020/05/07 全球购物
资料员的岗位职责
2013/11/20 职场文书
升职自荐信
2013/11/28 职场文书
积极分子思想汇报
2014/01/04 职场文书
一份关于丢失公司财物的检讨书
2014/09/19 职场文书
放牛班的春天观后感
2015/06/01 职场文书
Java使用HttpClient实现文件下载
2022/08/14 Java/Android