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第三课 修改元素属性及内容的代码
Mar 14 Javascript
javascript操作excel生成报表全攻略
May 04 Javascript
手机号码,密码正则验证
Sep 04 Javascript
浅谈jQuery异步对象(XMLHttpRequest)
Nov 17 Javascript
jQuery使用hide方法隐藏页面上指定元素的方法
Mar 30 Javascript
js正则表达式中exec用法实例
Jul 23 Javascript
详解如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件
Jun 01 jQuery
解决vue-cli中stylus无法使用的问题方法
Jun 19 Javascript
基于vue-cli创建的项目的目录结构及说明介绍
Nov 23 Javascript
了解ESlint和其相关操作小结
May 21 Javascript
解决vue组件props传值对象获取不到的问题
Jun 06 Javascript
关于Layui Table隐藏列问题
Sep 16 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
咖啡界又出新概念,无需咖啡豆的分子咖啡
2021/03/03 咖啡文化
smarty+adodb+部分自定义类的php开发模式
2006/12/31 PHP
php多维数组去掉重复值示例分享
2014/03/02 PHP
PHP打印输出函数汇总
2016/08/28 PHP
PHP receiveMail实现收邮件功能
2018/04/25 PHP
JS 继承实例分析
2008/11/04 Javascript
JS option location 页面跳转实现代码
2008/12/27 Javascript
js中parseInt函数浅谈
2013/07/31 Javascript
Javascript的&&和||的另类用法
2014/07/23 Javascript
nodejs 整合kindEditor实现图片上传
2015/02/03 NodeJs
JavaScript实现横向滑出的多级菜单效果
2015/10/09 Javascript
浅谈javascript的call()、apply()、bind()的用法
2016/02/21 Javascript
BootStrap智能表单实战系列(四)表单布局介绍
2016/06/13 Javascript
关于List.ToArray()方法的效率测试
2016/09/30 Javascript
分分钟玩转Vue.js组件
2016/10/25 Javascript
jquery.zclip轻量级复制失效问题
2017/01/08 Javascript
基于Node.js的WebSocket通信实现
2017/03/11 Javascript
php main 与 iframe 相互通讯类(js+php同域/跨域)
2017/09/14 Javascript
AngularJS实现表单元素值绑定操作示例
2017/10/11 Javascript
JavaScript中this的全面解析及常见实例
2019/05/14 Javascript
[02:48]DOTA2英雄基础教程 拉席克
2013/12/12 DOTA
[50:15]VP vs Mineski 2018国际邀请赛淘汰赛BO3 第二场 8.22
2018/08/23 DOTA
Python3基础之基本数据类型概述
2014/08/13 Python
Python求算数平方根和约数的方法汇总
2016/03/09 Python
浅析Python中元祖、列表和字典的区别
2016/08/17 Python
在Python web中实现验证码图片代码分享
2017/11/09 Python
如何在keras中添加自己的优化器(如adam等)
2020/06/19 Python
详解Python模块化编程与装饰器
2021/01/16 Python
巴西独家产品和现场演示购物网站:Shoptime
2019/07/11 全球购物
澳大利亚在线批发商:Simply Wholesale
2021/02/24 全球购物
什么是"引用"?申明和使用"引用"要注意哪些问题?
2016/03/03 面试题
客户经理岗位职责
2013/12/08 职场文书
开发房地产协议书
2014/09/14 职场文书
公司给客户的感谢信
2015/01/23 职场文书
详解MindSpore自定义模型损失函数
2021/06/30 Python
如何通过一篇文章了解Python中的生成器
2022/04/02 Python