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 getElementsByClassName 和js取地址栏参数
Jan 02 Javascript
JavaScript省市联动实现代码
Feb 15 Javascript
老生常谈的跨域处理
Jan 11 Javascript
微信小程序 wx:for的使用实例详解
Apr 27 Javascript
vue实现动态数据绑定
Apr 28 Javascript
js + css实现标签内容切换功能(实例讲解)
Oct 09 Javascript
小程序视频列表中视频的播放与停止的示例代码
Jul 20 Javascript
koa上传excel文件并解析的实现方法
Aug 09 Javascript
js canvas实现橡皮擦效果
Dec 20 Javascript
webpack打包html里面img后src为“[object Module]”问题
Dec 22 Javascript
Vue实现星级评价效果实例详解
Dec 30 Javascript
jQuery实现小火箭返回顶部特效
Feb 03 jQuery
移动端翻页插件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
农民和部队如何穿矿
2020/03/04 星际争霸
php REMOTE_ADDR之获取访客IP的代码
2008/04/22 PHP
php中json_encode中文编码问题分析
2011/09/13 PHP
ThinkPHP整合datatables实现服务端分页的示例代码
2018/02/10 PHP
docker-compose部署php项目实例详解
2019/07/30 PHP
php操作redis常见方法示例【key与value操作】
2020/04/14 PHP
jquery创建一个ajax关键词数据搜索实现思路
2013/02/26 Javascript
JS冒泡事件的快速解决方法
2013/12/16 Javascript
JavaScript常用验证函数实例汇总
2014/11/25 Javascript
浅谈JavaScript事件的属性列表
2015/03/01 Javascript
javascript中$(function() {});写与不写有哪些区别
2015/08/10 Javascript
JavaScript获取服务器时间的方法详解
2016/12/11 Javascript
Bootstrap表格使用方法详解
2017/02/17 Javascript
深入理解Puppeteer的入门教程和实践
2019/03/05 Javascript
vue2路由方式--嵌套路由实现方法分析
2020/03/06 Javascript
可用于监控 mysql Master Slave 状态的python代码
2013/02/10 Python
python 函数传参之传值还是传引用的分析
2017/09/07 Python
单链表反转python实现代码示例
2018/02/08 Python
python实现图片插入文字
2019/11/26 Python
利用Python实现学生信息管理系统的完整实例
2020/12/30 Python
selenium+python实现基本自动化测试的示例代码
2021/01/27 Python
FOREO官方网站:LUNA露娜洁面仪
2016/11/28 全球购物
美国女孩洋娃娃店:American Girl
2017/10/24 全球购物
俄罗斯三星品牌商店:GalaxyStore
2020/11/04 全球购物
沙特阿拉伯排名第一的在线时尚购物应用程序:1Zillion
2020/08/08 全球购物
C语言中break与continue的区别
2012/07/12 面试题
水利公司纪检监察自我鉴定
2014/02/25 职场文书
专科生就业求职信
2014/06/22 职场文书
2015年护士医德医风自我评价
2015/03/03 职场文书
2015年基层党建工作汇报材料
2015/06/25 职场文书
2015年度考核个人工作总结
2015/10/24 职场文书
生活委员竞选稿
2015/11/21 职场文书
2016年教师节贺卡寄语
2015/12/04 职场文书
如何使JavaScript休眠或等待
2021/04/27 Javascript
Python中itertools库的四个函数介绍
2022/04/06 Python
深入理解pytorch库的dockerfile
2022/06/10 Python