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 13 Javascript
iframe窗口高度自适应的又一个巧妙实现思路
Apr 04 Javascript
JavaScript实现点击按钮直接打印
Jan 06 Javascript
vue2.0构建单页应用最佳实战
Apr 01 Javascript
微信小程序实现的涂鸦功能示例【附源码下载】
Jan 12 Javascript
vue2.0+vue-dplayer实现hls播放的示例
Mar 02 Javascript
一步步教会你微信小程序的登录鉴权
Apr 09 Javascript
Vue 后台管理类项目兼容IE9+的方法示例
Feb 20 Javascript
Vuex实现数据增加和删除功能
Nov 11 Javascript
Vuex实现数据共享的方法
Dec 20 Javascript
vue使用nprogress加载路由进度条的方法
Jun 04 Javascript
JavaScript字符串转数字的简单实现方法
Nov 27 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 SQLite类
2009/05/07 PHP
《PHP编程最快明白》第二讲 数字、浮点、布尔型、字符串和数组
2010/11/01 PHP
防止用户利用PHP代码DOS造成用光网络带宽
2011/03/01 PHP
Laravel框架Request、Response及Session操作示例
2019/05/06 PHP
判断是否输入完毕再激活提交按钮
2006/06/26 Javascript
JS模拟多线程
2007/02/07 Javascript
JS 继承实例分析
2008/11/04 Javascript
JS无限树状列表实现代码
2011/01/11 Javascript
js 字符串转换成数字的三种方法
2013/03/23 Javascript
extjs 分页使用jsp传递数据示例
2014/07/29 Javascript
javascript用函数实现对象的方法
2015/05/14 Javascript
Nodejs--post的公式详解
2017/04/29 NodeJs
jQuery使用$.extend(true,object1, object2);实现深拷贝对象的方法分析
2019/03/06 jQuery
小程序使用wxs解决wxml保留2位小数问题
2019/12/13 Javascript
JS实现TITLE悬停长久显示效果完整示例
2020/02/11 Javascript
基于vue.js仿淘宝收货地址并设置默认地址的案例分析
2020/08/20 Javascript
Vue自定义组件双向绑定实现原理及方法详解
2020/09/03 Javascript
Python多线程编程之多线程加锁操作示例
2018/09/06 Python
Python redis操作实例分析【连接、管道、发布和订阅等】
2019/05/16 Python
python 判断linux进程,并杀死进程的实现方法
2019/07/01 Python
Django继承自带user表并重写的例子
2019/11/18 Python
Python定义函数实现累计求和操作
2020/05/03 Python
Python创建临时文件和文件夹
2020/08/05 Python
解决PyCharm无法使用lxml库的问题(图解)
2020/12/22 Python
纯HTML+CSS3制作导航菜单(附源码)
2013/04/24 HTML / CSS
Jeep牧马人、切诺基和自由人零配件:4 Wheel Drive Hardware
2017/07/02 全球购物
解释一下Windows的消息机制
2014/01/30 面试题
酒后驾车标语
2014/06/30 职场文书
个人收入证明范本
2014/09/18 职场文书
2014年乡镇纪委工作总结
2014/12/19 职场文书
沈阳故宫导游词
2015/01/31 职场文书
争先创优个人总结
2015/03/04 职场文书
人生遥控器观后感
2015/06/11 职场文书
2016年教师节特级教师获奖感言
2015/12/09 职场文书
PHP命令行与定时任务
2021/04/01 PHP
Nginx的gzip相关介绍
2022/05/11 Servers