$.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代码分享
Nov 26 Javascript
使用js操作css实现js改变背景图片示例
Mar 10 Javascript
avascript中的自执行匿名函数应用示例
Sep 15 Javascript
jquery实现点击展开列表同时隐藏其他列表
Aug 10 Javascript
JS去掉字符串前后空格、阻止表单提交的实现代码
Jun 08 Javascript
Vue实现active点击切换方法
Mar 16 Javascript
JQuery扩展对象方法操作示例
Aug 21 jQuery
微信小程序视图容器(swiper)组件创建轮播图
Jun 19 Javascript
基于JavaScript实现一个简单的Vue
Sep 26 Javascript
Vue2.x中利用@font-size引入字体图标报错的解决方法
Sep 28 Javascript
Bootstrap fileinput 上传新文件移除时触发服务器同步删除的配置
Oct 08 Javascript
npm的lock机制解析
Jun 20 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中使用Oracle数据库(5)
2006/10/09 PHP
表单提交错误后返回内容消失问题的解决方法(PHP网站)
2015/10/20 PHP
PHP实现的mysql主从数据库状态检测功能示例
2017/07/20 PHP
PHP实现微信退款的方法示例
2019/03/26 PHP
php提供实现反射的方法和实例代码
2019/09/17 PHP
IE与Firefox下javascript getyear年份的兼容性写法
2007/12/20 Javascript
js获取网页高度(详细整理)
2012/12/28 Javascript
jquery仿QQ商城带左右按钮控制焦点图片切换滚动效果
2013/06/27 Javascript
浅谈JavaScript字符集
2014/05/22 Javascript
jquery实现相册一下滑动两次的方法
2015/02/09 Javascript
Prototype框架详解
2015/11/25 Javascript
js验证真实姓名与身份证号,手机号的简单实例
2016/07/18 Javascript
AngularJS基础 ng-cloak 指令简单示例
2016/08/01 Javascript
JavaScript判断输入是否为数字类型的方法总结
2017/09/28 Javascript
vue2 全局变量的设置方法
2018/03/09 Javascript
vue使用vue-i18n实现国际化的实现代码
2018/04/08 Javascript
vue最简单的前后端交互示例详解
2018/10/11 Javascript
vue-router路由懒加载及实现的3种方式
2021/02/28 Vue.js
在Python中使用列表生成式的教程
2015/04/27 Python
Python 由字符串函数名得到对应的函数(实例讲解)
2017/08/10 Python
对python3新增的byte类型详解
2018/12/04 Python
VSCode配合pipenv搞定虚拟环境的实现方法
2020/05/17 Python
Python实现爬取并分析电商评论
2020/06/19 Python
python上selenium的弹框操作实现
2020/07/13 Python
python基于opencv 实现图像时钟
2021/01/04 Python
Html5如何唤起百度地图App的方法
2019/01/27 HTML / CSS
便携式太阳能系统的创新者:GOAL ZERO
2018/02/04 全球购物
美国宠物用品网站:Value Pet Supplies
2018/03/17 全球购物
酒店总经理职务说明书
2014/02/26 职场文书
12.4全国法制宣传日活动总结
2014/11/01 职场文书
竞聘报告优秀范文
2014/11/06 职场文书
中考学习决心书
2015/02/04 职场文书
死亡诗社观后感
2015/06/05 职场文书
推荐六本经典文学奖书籍:此生必读
2019/08/22 职场文书
详解JavaScript的计时器和按钮效果设置
2022/02/18 Javascript
十大好看的穿越动漫排名:《瑞克和莫蒂》第一,国漫《有药》在榜
2022/03/18 日漫