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 ajax提交表单数据的两种方式
Nov 24 Javascript
如何确保JavaScript的执行顺序 之jQuery.html深度分析
Mar 03 Javascript
读jQuery之七 判断点击了鼠标哪个键的代码
Jun 21 Javascript
jQuery EasyUI API 中文文档 - Documentation 文档
Sep 29 Javascript
JavaScript控制Session操作方法
Jan 17 Javascript
处理文本部分内容的TextRange对象应用实例
Jul 29 Javascript
Jquery实现鼠标移动放大图片功能实例
Mar 25 Javascript
深入浅析JavaScript中的Function类型
Jul 09 Javascript
利用JS hash制作单页Web应用的方法详解
Oct 10 Javascript
jQuery EasyUI window窗口使用实例代码
Dec 25 jQuery
ES6中Set和Map用法实例详解
Mar 02 Javascript
electron 如何将任意资源打包的方法步骤
Apr 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
随机广告显示(PHP函数)
2006/10/09 PHP
PHP Error与Logging函数的深入理解
2013/06/03 PHP
使用PHP curl模拟浏览器抓取网站信息
2013/10/28 PHP
Thinkphp中的volist标签用法简介
2014/06/18 PHP
php对xml文件的增删改查操作实现方法分析
2017/05/19 PHP
40个有创意的jQuery图片和内容滑动及弹出插件收藏集之三
2012/01/03 Javascript
绑定回车enter事件代码
2014/05/18 Javascript
nw.js实现类似微信的聊天软件
2015/03/16 Javascript
高性能JavaScript 重排与重绘(2)
2015/08/11 Javascript
有关jQuery中parent()和siblings()的小问题
2016/06/01 Javascript
d3.js实现简单的网络拓扑图实例代码
2016/11/06 Javascript
jQuery实现倒计时(倒计时年月日可自己输入)
2016/12/02 Javascript
Javascript别踩白块儿(钢琴块儿)小游戏实现代码
2017/07/20 Javascript
使用layui 渲染table数据表格的实例代码
2018/08/19 Javascript
跟老齐学Python之Python安装
2014/09/12 Python
Python的Flask站点中集成xhEditor文本编辑器的教程
2016/06/13 Python
详解python3中socket套接字的编码问题解决
2017/07/01 Python
浅谈Python使用Bottle来提供一个简单的web服务
2017/12/27 Python
Python之列表的插入&替换修改方法
2018/06/28 Python
flask入门之文件上传与邮件发送示例
2018/07/18 Python
Django使用redis缓存服务器的实现代码示例
2019/04/28 Python
新手如何发布Python项目开源包过程详解
2019/07/11 Python
Python使用正则表达式分割字符串的实现方法
2019/07/16 Python
如何基于Python实现word文档重新排版
2020/09/29 Python
纯CSS3实现鼠标滑过按钮动画第二节
2020/07/16 HTML / CSS
存储过程和sql语句的优缺点
2014/07/02 面试题
50道外企软件测试面试题
2014/08/18 面试题
党员培训思想汇报
2014/01/07 职场文书
企业给企业的表扬信
2014/01/13 职场文书
先进个人事迹材料
2014/01/25 职场文书
早会主持词
2014/03/17 职场文书
2015年少先队活动总结
2015/03/25 职场文书
法制教育讲座心得体会
2016/01/14 职场文书
python OpenCV学习笔记
2021/03/31 Python
详解MySQL 用户权限管理
2021/04/20 MySQL
Python自动化之批量处理工作簿和工作表
2021/06/03 Python