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 相关文章推荐
JavaScript Date对象使用总结
May 14 Javascript
js监听表单value的修改同步问题,跨浏览器支持
Dec 31 Javascript
javascript动态改变img的src属性图片不显示的解决方法
Oct 20 Javascript
jQuery基本选择器选择元素使用介绍
Apr 18 Javascript
jquery实现多屏多图焦点图切换特效的方法
May 04 Javascript
js漂浮广告实现代码
Aug 15 Javascript
轻松学习jQuery插件EasyUI EasyUI创建树形菜单
Nov 30 Javascript
jQuery插件HighCharts实现气泡图效果示例【附demo源码】
Mar 13 Javascript
JavaScript中this的用法及this在不同应用场景的作用解析
Apr 13 Javascript
使用Fullpage插件快速开发整屏翻页的页面
Sep 13 Javascript
JS 中document.write()的用法和清空的原因浅析
Dec 04 Javascript
select获取下拉框的值 下拉框默认选中方法
Feb 28 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
服务器变量 $_SERVER 的深入解析
2013/07/02 PHP
Fatal error: session_start(): Failed to initialize storage module: files问题解决方法
2014/05/04 PHP
PHP使用stream_context_create()模拟POST/GET请求的方法
2016/04/02 PHP
javascript 处理HTML元素必须避免使用的一种方法
2009/07/30 Javascript
简述JavaScript对传统文档对象模型的支持
2015/06/16 Javascript
详解Javascript模板引擎mustache.js
2016/01/20 Javascript
JS如何判断浏览器类型和详细区分IE各版本浏览器
2017/03/04 Javascript
详解axios在node.js中的post使用
2017/04/27 Javascript
JavaScript瀑布流布局实现代码
2017/05/06 Javascript
微信小程序实现录制、试听、上传音频功能(带波形图)
2020/02/27 Javascript
在react-antd中弹出层form内容传递给父组件的操作
2020/10/24 Javascript
vuex中遇到的坑,vuex数据改变,组件中页面不渲染操作
2020/11/16 Javascript
[51:30]OG vs LGD 2018国际邀请赛淘汰赛BO3 第二场 8.26
2018/08/30 DOTA
python通过socket实现多个连接并实现ssh功能详解
2017/11/08 Python
手把手教你python实现SVM算法
2017/12/27 Python
python 列表中[ ]中冒号‘:’的作用
2019/04/30 Python
Python3匿名函数lambda介绍与使用示例
2019/05/18 Python
python基于Selenium的web自动化框架
2019/07/14 Python
JAVA及PYTHON质数计算代码对比解析
2020/06/10 Python
Keras: model实现固定部分layer,训练部分layer操作
2020/06/28 Python
详解CSS中iconfont的使用
2015/08/04 HTML / CSS
canvas因为图片资源不在同一域名下而导致的跨域污染画布的解决办法
2019/01/18 HTML / CSS
WiFi云数码相框:Nixplay
2018/07/05 全球购物
网络教育自我鉴定
2013/11/01 职场文书
材料采购员岗位职责
2013/12/17 职场文书
服装设计专业自荐书范文
2013/12/30 职场文书
学生自我鉴定模板
2013/12/30 职场文书
初中体育教学反思
2014/01/14 职场文书
幼儿园招生广告
2014/03/19 职场文书
细节决定成败演讲稿
2014/05/12 职场文书
学生会干部自我鉴定2014
2014/09/18 职场文书
2014年社区综治工作总结
2014/11/17 职场文书
2014年医院个人工作总结
2014/12/09 职场文书
2016年小学植树节活动总结
2016/03/16 职场文书
Web前端:CSS最强总结 附详细代码
2021/03/31 HTML / CSS
Python中requests库的用法详解
2022/06/05 Python