jquery动态遍历Json对象的属性和值的方法


Posted in Javascript onJuly 27, 2016

1、遍历 json 对象的属性

//定义json对象
 var person= {
 name: 'zhangsan',
 pass: '123',

 fn: function(){

   alert(this.name+"的密码="+this.pass);

 }
 }
 //遍历person属性包括方法,如果不想显示出方法,可用typeof(person[item])== "function"来判断
 for(var item in person){
 alert("person中"+item+"的值="+person[item]);
 }

2、动态为 json对象 添加属性

需要 使用1中的 person对象

var copyPerson={}  //创建copyPerson对象,将person中的属性包括方法copy给该对象
 for(var item in person){
 copyPerson[item]= person[item];  //这样循环就可以将person中的属性包括方法copy到copyPerson中了
 }
 
 for(var item in copyPerson){
 alert("copyPerson中"+item+"的值="+person[item]);
 }

注意:使用 Ext.apply(copyPerson, person) 也可以 将person中的所有属性包括方法 copy到 copyPerson中

3、遍历 普通js对象的 属性

//定义一个普通的js类,包含方法
 var p= function (){
 this.name= '李四';
 this.pass= '456';
 this.fn= function(){
  alert(this.name+"的密码="+this.pass);
 }
 
 }

 var pp= new p();  //生成一个p类的对象 pp
 
 for(var item in pp){
 
 //遍历pp对象中的属性,只显示出 非函数的 属性,注意不能 遍历 p这个类
 if(typeof(pp[item])== "function")
  continue;
 alert("p对象中"+item+"的属性="+pp[item]);
 }

普通的 js对象 也可以copy,copy方法和 2.动态为 json对象 添加属性 思路一样。

以上这篇jquery动态遍历Json对象的属性和值的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery 判断页面元素是否存在的代码
Aug 14 Javascript
JavaScript中的类与实例实现方法
Jan 23 Javascript
浅谈jQuery中Ajax事件beforesend及各参数含义
Dec 03 Javascript
Bootstrap CSS组件之按钮下拉菜单
Dec 17 Javascript
angular分页指令操作
Jan 09 Javascript
微信小程序 基础组件与导航组件详细介绍
Feb 21 Javascript
jQuery ajax动态生成table功能示例
Jun 14 jQuery
微信小程序本地存储实现每日签到、连续签到功能
Oct 09 Javascript
基于javascript实现贪吃蛇小游戏
Nov 25 Javascript
基于vue实现图片验证码倒计时60s功能
Dec 10 Javascript
JS获取当前时间戳方法解析
Aug 29 Javascript
JS如何监听div的resize事件详解
Dec 03 Javascript
移动端翻页插件dropload.js(支持Zepto和jQuery)
Jul 27 #Javascript
js中遍历对象的属性和值的方法
Jul 27 #Javascript
js中的关联数组与普通数组详解
Jul 27 #Javascript
20分钟打造属于你的Bootstrap站点
Jul 27 #Javascript
浅谈js多维数组和hash数组定义和使用
Jul 27 #Javascript
js插件dropload上拉下滑加载数据实例解析
Jul 27 #Javascript
js 定义对象数组(结合)多维数组方法
Jul 27 #Javascript
You might like
php文章内容分页并生成相应的htm静态页面代码
2010/06/07 PHP
关于PHP开发的9条建议
2015/07/27 PHP
PHP实现HTML页面静态化的方法
2015/11/04 PHP
PHP面向对象详解(三)
2015/12/07 PHP
YII Framework框架教程之国际化实现方法
2016/03/14 PHP
PHP微信公众号自动发送红包API
2016/06/01 PHP
php中str_pad()函数用法分析
2017/03/28 PHP
PHP mysqli事务操作常用方法分析
2017/07/22 PHP
PHP实现二维数组按照指定的字段进行排序算法示例
2019/04/23 PHP
PHP连续签到功能实现方法详解
2019/12/04 PHP
php慢查询日志和错误日志使用详解
2021/02/27 PHP
jQuery EasyUI 的EasyLoader功能介绍
2010/09/12 Javascript
IE8提示Invalid procedure call or argument 异常的解决方法
2012/09/30 Javascript
jquery插件实现鼠标经过图片右侧显示大图的效果(类似淘宝)
2013/02/04 Javascript
基于javascript 闭包基础分享
2013/07/10 Javascript
用JS将搜索的关键字高亮显示实现代码
2013/11/08 Javascript
jQuery mobile的header和footer在点击屏幕的时候消失的解决办法
2016/07/01 Javascript
浅谈jquery上下滑动的注意事项
2016/10/13 Javascript
AngularJS递归指令实现Tree View效果示例
2016/11/07 Javascript
深入理解JS继承和原型链的问题
2016/12/17 Javascript
图片懒加载插件实例分享(含解析)
2017/01/09 Javascript
vue移动端监听滚动条高度的实现方法
2018/09/03 Javascript
在小程序/mpvue中使用flyio发起网络请求的方法
2018/09/13 Javascript
Python 返回汉字的汉语拼音
2009/02/27 Python
python 中的列表解析和生成表达式
2011/03/10 Python
python实现的一只从百度开始不断搜索的小爬虫
2013/08/13 Python
Python通过websocket与js客户端通信示例分析
2014/06/25 Python
python如何定义带参数的装饰器
2018/03/20 Python
python如何生成网页验证码
2018/07/28 Python
Python 实现加密过的PDF文件转WORD格式
2020/02/04 Python
Python3操作YAML文件格式方法解析
2020/04/10 Python
应届大学生自荐信格式
2013/09/21 职场文书
勾股定理课后反思
2014/04/26 职场文书
教师正风肃纪剖析材料
2014/10/20 职场文书
2015年网管个人工作总结
2015/05/22 职场文书
Nginx部署vue项目和配置代理的问题解析
2021/08/04 Servers