$.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 相关文章推荐
13个绚丽的Jquery 界面设计网站推荐
Sep 28 Javascript
原生js实现查找/添加/删除/指定元素的class
Apr 12 Javascript
jQuery中$this和$(this)的区别介绍(一看就懂)
Jul 06 Javascript
详解JavaScript逻辑Not运算符
Dec 04 Javascript
prototype框架中美元符号$用法分析
Jan 22 Javascript
Wireshark基本介绍和学习TCP三次握手
Aug 15 Javascript
BootStrap Fileinput初始化时的一些参数
Dec 30 Javascript
jquery表单插件form使用方法详解
Jan 20 Javascript
vue-router路由与页面间导航实例解析
Nov 07 Javascript
iView-admin 动态路由问题的解决方法
Oct 03 Javascript
vue项目打包上传github并制作预览链接(pages)
Apr 19 Javascript
JavaScript数组类型Array相关的属性与方法详解
Sep 08 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
重置版战役片段
2020/04/09 魔兽争霸
在Zeus Web Server中安装PHP语言支持
2006/10/09 PHP
让PHP COOKIE立即生效,不用刷新就可以使用
2011/03/09 PHP
php自动载入类用法实例分析
2016/06/24 PHP
PHP中加速、缓存扩展的区别和作用详解(eAccelerator、memcached、xcache、APC )
2016/07/09 PHP
PHP中文字符串截断无乱码解决方法
2016/10/10 PHP
PHP用PDO如何封装简单易用的DB类详解
2017/07/30 PHP
PHP+Ajax实现的检测用户名功能简单示例
2019/02/12 PHP
解决Laravel 使用insert插入数据,字段created_at为0000的问题
2019/10/11 PHP
PHP call_user_func和call_user_func_array函数的简单理解与应用分析
2019/11/25 PHP
javascript offsetX与layerX区别
2010/03/12 Javascript
复制Input内容的js代码_支持所有浏览器,修正了Firefox3.5以上的问题
2010/06/21 Javascript
JavaScript判断文件上传类型的方法
2014/09/02 Javascript
javascript实现简单的省市区三级联动
2015/05/14 Javascript
JavaScript实现的背景自动变色代码
2015/10/17 Javascript
Angularjs中ng-repeat-start与ng-repeat-end的用法实例介绍
2016/12/31 Javascript
JavaScript hasOwnProperty() 函数实例详解
2017/08/04 Javascript
Angularjs 1.3 中的$parse实例代码
2017/09/14 Javascript
基于webpack4搭建的react项目框架的方法
2018/06/30 Javascript
详解原生JS回到顶部
2019/03/25 Javascript
解决Python一行输出不显示的问题
2018/12/03 Python
详解Python用三种方式统计词频的方法
2019/07/29 Python
python调用接口的4种方式代码实例
2019/11/19 Python
Champion官网:美国冠军运动服装
2017/01/25 全球购物
兰蔻美国官网:Lancome美国
2017/04/25 全球购物
美国背景检查、公共记录和人物搜索网站:BeenVerified
2018/02/25 全球购物
什么是.net的Remoting技术
2016/07/08 面试题
高中考试作弊检讨书
2014/01/14 职场文书
文明学生事迹材料
2014/01/29 职场文书
2014年建筑工程工作总结
2014/12/03 职场文书
2015年八一建军节慰问信
2015/03/23 职场文书
会议新闻稿
2015/07/17 职场文书
初中班级口号霸气押韵
2015/12/24 职场文书
初中美术教学反思
2016/02/17 职场文书
MySQL 表锁定 LOCK和UNLOCK TABLES的 SQL语法
2022/04/18 MySQL
Spring Data JPA框架自定义Repository接口
2022/04/28 Java/Android