$.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 相关文章推荐
用js+xml自动生成表格的东西
Dec 21 Javascript
模拟多级复选框效果的jquery代码
Aug 13 Javascript
js常用自定义公共函数汇总
Jan 15 Javascript
JavaScript 事件绑定及深入
Apr 13 Javascript
JS基于Ajax实现的网页Loading效果代码
Oct 27 Javascript
阻止表单提交按钮多次提交的完美解决方法
May 16 Javascript
AngularJS中update两次出现$promise属性无法识别的解决方法
Jan 05 Javascript
浅谈vue中使用图片懒加载vue-lazyload插件详细指南
Oct 23 Javascript
Vue项目全局配置微信分享思路详解
May 04 Javascript
关于vue.js中实现方法内某些代码延时执行
Nov 14 Javascript
Vue 自适应高度表格的实现方法
May 13 Javascript
vue中activated的用法
Jan 03 Vue.js
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中的生成XML文件的4种方法分享
2012/10/06 PHP
php中debug_backtrace、debug_print_backtrace和匿名函数用法实例
2014/12/01 PHP
PHP的Yii框架入门使用教程
2016/02/15 PHP
php版交通银行网银支付接口开发入门教程
2016/09/26 PHP
thinkPHP5项目中实现QQ第三方登录功能
2017/10/20 PHP
checkbox勾选判断代码分析
2014/06/11 Javascript
JavaScript数组Array对象增加和删除元素方法总结
2015/01/20 Javascript
AngularJS使用ng-app自动加载bootstrap框架问题分析
2017/01/04 Javascript
浅谈对Angular中的生命周期钩子的理解
2017/07/31 Javascript
基于ES6作用域和解构赋值详解
2017/11/03 Javascript
webpack external模块的具体使用
2018/03/10 Javascript
详解在Javascript中进行面向切面编程
2019/04/28 Javascript
JavaScript页面加载事件实例讲解
2019/09/01 Javascript
js实现移动端tab切换时下划线滑动效果
2019/09/08 Javascript
JS实现水平移动与垂直移动动画
2019/12/19 Javascript
javascript实现前端input密码输入强度验证
2020/06/24 Javascript
记一次vue跨域的解决
2020/10/21 Javascript
[02:33]2018 DOTA2亚洲邀请赛回顾视频 再次拾起那些美妙的时刻
2018/04/10 DOTA
Python的词法分析与语法分析
2013/05/18 Python
Python列表计数及插入实例
2014/12/17 Python
Python编程实现双击更新所有已安装python模块的方法
2017/06/05 Python
Anaconda入门使用总结
2018/04/05 Python
Python实现查找字符串数组最长公共前缀示例
2019/03/27 Python
Python数据可视化:箱线图多种库画法
2019/11/06 Python
python抓取多种类型的页面方法实例
2019/11/20 Python
jupyter notebook更换皮肤主题的实现
2021/01/07 Python
美国最大的香水连锁店官网:Perfumania
2016/08/15 全球购物
美国折衷生活方式品牌:Robert Graham
2018/07/13 全球购物
英国最大的自有市场,比亚马逊便宜:Flubit
2019/03/19 全球购物
新学期红领巾广播稿
2014/01/14 职场文书
银行党员批评与自我批评
2014/10/15 职场文书
初中作文评语
2014/12/25 职场文书
餐饮食品安全责任书
2015/01/29 职场文书
2015社区爱国卫生工作总结
2015/04/21 职场文书
办公室禁烟通知
2015/04/23 职场文书
《我是什么》教学反思
2016/02/16 职场文书