$.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 相关文章推荐
用javascript获取当页面上鼠标光标位置和触发事件的对象的代码
Dec 09 Javascript
javascript预览上传图片发现的问题的解决方法
Nov 25 Javascript
通过百度地图获取公交线路的站点坐标的js代码
May 11 Javascript
JS动态获取当前时间,并写到特定的区域
May 03 Javascript
基于JavaScript实现继承机制之构造函数方法对象冒充的使用详解
May 07 Javascript
js图片滚动效果时间可随意设定当鼠标移上去时停止
Jun 26 Javascript
jQuery实现返回顶部功能适合不支持js的浏览器
Aug 19 Javascript
js解决select下拉选不中问题
Oct 14 Javascript
Javascript中的迭代、归并方法详解
Jun 14 Javascript
Angular和百度地图的结合实例代码
Oct 19 Javascript
Vue实现穿梭框效果
Sep 30 Javascript
详解Vue中Axios封装API接口的思路及方法
Oct 10 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+MYSQL的文章管理系统(二)
2006/10/09 PHP
第十四节--命名空间
2006/11/16 PHP
PHP 在线翻译函数代码
2009/05/07 PHP
php继承的一个应用
2011/09/06 PHP
php通过strpos查找字符串出现位置的方法
2015/03/17 PHP
通过javascript设置css属性的代码
2009/12/28 Javascript
高效率JavaScript编写技巧整理
2013/08/23 Javascript
JQuery弹出炫丽对话框的同时让背景变灰色
2014/05/22 Javascript
Bootstrap每天必学之缩略图与警示窗
2015/11/29 Javascript
全面解析JavaScript中apply和call以及bind(推荐)
2016/06/15 Javascript
浅谈js中的变量名和函数名重名
2017/02/13 Javascript
vue项目webpack中Npm传递参数配置不同域名接口
2018/06/15 Javascript
jQuery实现消息弹出框效果
2019/12/10 jQuery
js实现自定义滚动条的示例
2020/10/27 Javascript
[01:21:36]CHAOS vs Alliacne 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
Python中struct模块对字节流/二进制流的操作教程
2017/01/21 Python
利用Python实现在同一网络中的本地文件共享方法
2018/06/04 Python
Python解决走迷宫问题算法示例
2018/07/27 Python
Django使用消息提示简单的弹出个对话框实例
2019/11/15 Python
django 框架实现的用户注册、登录、退出功能示例
2019/11/28 Python
python实现局域网内实时通信代码
2019/12/22 Python
Django+python服务器部署与环境部署教程详解
2020/03/30 Python
jupyter 实现notebook中显示完整的行和列
2020/04/09 Python
Python 数据的累加与统计的示例代码
2020/08/03 Python
python RSA加密的示例
2020/12/09 Python
斯洛伐克时尚服装网上商店:Cellbes
2016/10/20 全球购物
美国儿童珠宝在线零售商:Loveivy
2019/05/22 全球购物
自荐信怎么写好
2013/11/11 职场文书
编辑求职信样本
2013/12/16 职场文书
班主任与学生安全责任书
2014/07/25 职场文书
老人节标语大全
2014/10/08 职场文书
影视后期实训报告
2014/11/05 职场文书
2014年图书室工作总结
2014/12/09 职场文书
2016教师读书思廉心得体会
2016/01/23 职场文书
《家》读后感:万惜拯救,冷暖自知
2019/09/25 职场文书
nginx容器方式反向代理实战
2022/04/18 Servers