$.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框架veryide.librar源代码
Mar 05 Javascript
jquery使用淘宝接口跨域查询手机号码归属地实例
Nov 28 Javascript
使用jQuery不判断浏览器高度解决iframe自适应高度问题
Dec 16 Javascript
js比较日期大小的方法
May 12 Javascript
如何防止JavaScript自动插入分号
Nov 05 Javascript
Jquery元素追加和删除的实现方法
May 24 Javascript
用JS动态改变表单form里的action值属性的两种方法
May 25 Javascript
利用jquery实现瀑布流3种案例
Sep 18 Javascript
通过JS获取Request.QueryString()参数的值实现方法
Sep 27 Javascript
微信小程序  checkbox组件详解及简单实例
Jan 10 Javascript
微信小程序分享功能之按钮button 边框隐藏和点击隐藏
Jun 14 Javascript
vue 返回上一页,页面样式错乱的解决
Nov 14 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
memcache命令启动参数中文解释
2014/01/13 PHP
yii框架配置默认controller和action示例
2014/04/30 PHP
php实现通过ftp上传文件
2015/06/19 PHP
PHP使用mkdir创建多级目录的方法
2015/12/22 PHP
JSF中confirm弹出框的用法示例介绍
2014/01/07 Javascript
借助JavaScript脚本判断浏览器Flash Player信息的方法
2014/07/09 Javascript
DOM基础教程之使用DOM设置文本框
2015/01/20 Javascript
js实现仿百度瀑布流的方法
2015/02/05 Javascript
PHP结合jQuery实现红蓝投票功能特效
2015/07/22 Javascript
原生javascript实现自动更新的时间日期
2016/02/12 Javascript
在ASP.NET MVC项目中使用RequireJS库的用法示例
2016/02/15 Javascript
原生js实现鼠标跟随效果
2017/02/28 Javascript
详解react-webpack2-热模块替换[HMR]
2017/08/03 Javascript
在nginx上部署vue项目(history模式)的方法
2017/12/28 Javascript
Vue自定义指令封装节流函数的方法示例
2018/07/09 Javascript
解决vue v-for 遍历循环时key值报错的问题
2018/09/06 Javascript
Vue中使用vux配置代码详解
2018/09/16 Javascript
vue下拉菜单组件(含搜索)的实现代码
2018/11/25 Javascript
jQuery实现动态添加和删除input框实例代码
2019/03/26 jQuery
python实现socket客户端和服务端简单示例
2014/02/24 Python
python网络编程学习笔记(七):HTML和XHTML解析(HTMLParser、BeautifulSoup)
2014/06/09 Python
10分钟用python搭建一个超好用的CMDB系统
2019/07/17 Python
python如何变换环境
2020/07/21 Python
Jupyter Notebook 安装配置与使用详解
2021/01/06 Python
html5写一个BUI折叠菜单插件的实现方法
2019/09/11 HTML / CSS
杭州龙健科技笔试题.net部分笔试题
2016/01/24 面试题
大学校园生活自我鉴定
2014/01/13 职场文书
学生党员的自我评价范文
2014/03/01 职场文书
企业年会主持词
2014/03/27 职场文书
预备党员2014年第四季度思想汇报范文
2014/10/25 职场文书
护士自荐信范文
2015/03/25 职场文书
村主任当选感言
2015/08/01 职场文书
小学生组织委员竞选稿
2015/11/21 职场文书
写自招自荐信的绝招!
2019/04/19 职场文书
2019银行员工个人工作自我鉴定
2019/06/27 职场文书
python中 .npy文件的读写操作实例
2022/04/14 Python