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 parseInt与Number函数的区别
Jan 21 Javascript
js中关于new Object时传参的一些细节分析
Mar 13 Javascript
JS鼠标事件大全 推荐收藏
Nov 01 Javascript
Jquery幻灯片特效代码分享--鼠标点击按钮时切换(1)
Aug 15 Javascript
AngularJS中的Directive实现延迟加载
Jan 25 Javascript
js类式继承与原型式继承详解
Apr 07 Javascript
JavaScript:Array类型全面解析
May 19 Javascript
使用jquery+iframe做一个ajax上传效果(实例)
Aug 24 jQuery
jQuery实现的简单对话框拖动功能示例
Jun 05 jQuery
详解es6超好用的语法糖Decorator
Aug 01 Javascript
vue2.0 中使用transition实现动画效果使用心得
Aug 13 Javascript
vue中使用vue-pdf的方法详解
Sep 05 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
在IIS上安装PHP4.0正式版
2006/10/09 PHP
PHP学习之数组的定义和填充
2011/04/17 PHP
PHP自动识别字符集并完成转码详解
2013/08/02 PHP
php类中的各种拦截器用法分析
2014/11/03 PHP
php简单统计在线人数的方法
2016/05/10 PHP
判断多个元素(RADIO,CHECKBOX等)是否被选择的原理说明
2009/02/18 Javascript
一个tab标签切换效果代码
2009/03/27 Javascript
让 JavaScript 轻松支持函数重载 (Part 2 - 实现)
2009/08/04 Javascript
基于jQuery的可以控制左右滚动及自动滚动效果的代码
2010/07/25 Javascript
javascript中alert()与console.log()的区别
2015/08/26 Javascript
javascript中Date format(js日期格式化)方法小结
2015/12/17 Javascript
基于javascript实现全国省市二级联动下拉选择菜单
2016/01/28 Javascript
使用base64对图片的二进制进行编码并用ajax进行显示
2017/01/03 Javascript
js 两数组去除重复数值的实例
2017/12/06 Javascript
vue生命周期实例小结
2018/08/15 Javascript
vue实现鼠标移入移出事件代码实例
2019/03/27 Javascript
微信小程序事件流原理解析
2019/11/27 Javascript
Vue Cli3 打包配置并自动忽略console.log语句的方法
2020/04/23 Javascript
[37:45]完美世界DOTA2联赛PWL S3 LBZS vs Phoenix 第二场 12.09
2020/12/11 DOTA
python threading模块操作多线程介绍
2015/04/08 Python
python编程培训 python培训靠谱吗
2018/01/17 Python
tensorflow saver 保存和恢复指定 tensor的实例讲解
2018/07/26 Python
在python中实现强制关闭线程的示例
2019/01/22 Python
python代码实现猜拳小游戏
2020/11/30 Python
CSS3制作苹果风格键盘特效
2015/02/26 HTML / CSS
Web前端页面跳转并取到值
2017/04/24 HTML / CSS
西班牙英格列斯百货官网:El Corte Inglés
2016/09/25 全球购物
学前教育毕业生自荐信范文
2013/12/24 职场文书
自主招生自荐信指南
2014/02/04 职场文书
小学语文教学经验交流材料
2014/06/02 职场文书
消防隐患整改通知书
2015/04/22 职场文书
导游词之秦始皇兵马俑博物馆
2019/09/29 职场文书
如何利用python和DOS获取wifi密码
2021/03/31 Python
Python 线程池模块之多线程操作代码
2021/05/20 Python
Python中文纠错的简单实现
2021/07/07 Python
GoFrame框架数据校验之校验结果Error接口对象
2022/06/21 Golang