$.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获取当前日期时间及其它操作函数
Jan 11 Javascript
Microsfot .NET Framework4.0框架 安装失败的解决方法
Aug 14 Javascript
window.location 对象所包含的属性
Oct 10 Javascript
jQuery实现Twitter的自动文字补齐特效
Nov 28 Javascript
node.js中的events.emitter.removeListener方法使用说明
Dec 10 Javascript
jquery表单验证需要做些什么
Nov 17 Javascript
Bootstrapvalidator校验、校验清除重置的实现代码(推荐)
Sep 28 Javascript
ES6新特性之类(Class)和继承(Extends)相关概念与用法分析
May 24 Javascript
详解Vue.js项目API、Router配置拆分实践
Mar 16 Javascript
微信小程序实现发红包功能
Jul 11 Javascript
微信小程序登录按钮遮罩浮层效果的实现方法
Dec 16 Javascript
vue 解决遍历对象显示的顺序不对问题
Nov 07 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 $_FILES函数详解
2011/03/09 PHP
解析phpstorm + xdebug 远程断点调试
2013/06/20 PHP
PHP中static关键字以及与self关键字的区别
2015/07/01 PHP
ExtJS 2.2.1的grid控件在ie6中的显示问题
2009/05/04 Javascript
jquery点击缩略图切换视频播放特效代码分享
2015/09/15 Javascript
jQuery中bind(),live(),delegate(),on()绑定事件方法实例详解
2016/01/19 Javascript
jQuery模仿京东/天猫商品左侧分类导航菜单效果
2016/06/29 Javascript
js图片上传前预览功能(兼容所有浏览器)
2016/08/24 Javascript
js实现弹窗居中的简单实例
2016/10/09 Javascript
angularJs关于指令的一些冷门属性详解
2016/10/24 Javascript
webpack打包单页面如何引用的js
2017/06/07 Javascript
Vue.js 图标选择组件实践详解
2018/12/03 Javascript
函数式编程入门实践(一)
2019/04/20 Javascript
socket在egg中的使用实例代码详解
2019/05/30 Javascript
微信小程序实现简单的select下拉框
2020/11/23 Javascript
python33 urllib2使用方法细节讲解
2013/12/03 Python
Windows和Linux下Python输出彩色文字的方法教程
2017/05/02 Python
python实现验证码识别功能
2018/06/07 Python
Python基础知识点 初识Python.md
2019/05/14 Python
Appium+python自动化之连接模拟器并启动淘宝APP(超详解)
2019/06/17 Python
韩国女装NO.1网店:STYLENANDA
2016/09/16 全球购物
Reebonz中国官网:新加坡奢侈品购物网站
2017/03/17 全球购物
联想新加坡官方网站:Lenovo Singapore
2017/10/24 全球购物
欧姆龙医疗保健与医疗产品:Omron Healthcare
2020/02/10 全球购物
俄罗斯达美乐比萨外送服务:Domino’s Pizza
2020/12/18 全球购物
介绍一下.net和Java的特点和区别
2012/09/26 面试题
用JAVA实现一种排序,JAVA类实现序列化的方法(二种)
2014/04/23 面试题
毕业生自荐信
2013/12/14 职场文书
广告设计应届生求职信
2014/03/01 职场文书
医学专业自荐信
2014/06/14 职场文书
爱护公物演讲稿
2014/09/09 职场文书
简易离婚协议书(范本)
2014/10/25 职场文书
2014年小学体育工作总结
2014/12/11 职场文书
预防艾滋病宣传活动总结
2015/05/09 职场文书
七年级作文之我的梦想
2019/10/16 职场文书
Java如何实现通过键盘输入一个数组
2022/02/15 Java/Android