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 相关文章推荐
Firefox outerHTML实现代码
Jun 04 Javascript
javascript AOP 实现ajax回调函数使用比较方便
Nov 20 Javascript
jQuery .attr()和.removeAttr()方法操作元素属性示例
Jul 16 Javascript
jquery选择器之属性过滤选择器详解
Jan 27 Javascript
原生js实现键盘控制div移动且解决停顿问题
Dec 05 Javascript
Bootstrap table两种分页示例
Dec 23 Javascript
基于HTML5+JS实现本地图片裁剪并上传功能
Mar 24 Javascript
AngularJs定时器$interval 和 $timeout详解
May 25 Javascript
JS实现简单表格排序操作示例
Oct 07 Javascript
vue通过点击事件读取音频文件的方法
May 30 Javascript
使用VueRouter的addRoutes方法实现动态添加用户的权限路由
Jun 03 Javascript
手写Vue2.0 数据劫持的示例
Mar 04 Vue.js
移动端翻页插件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
杏林同学录(二)
2006/10/09 PHP
CodeIgniter表单验证方法实例详解
2016/03/03 PHP
弹出模态框modal的实现方法及实例
2017/09/19 PHP
PHP curl批处理及多请求并发实现方法分析
2018/08/15 PHP
xml 与javascript结合的问题解决方法
2007/03/24 Javascript
jquery text,radio,checkbox,select操作实现代码
2009/07/09 Javascript
Node.js:Windows7下搭建的Node.js服务(来玩玩服务器端的javascript吧,这可不是前端js插件)
2011/06/27 Javascript
jQuery事件绑定.on()简要概述及应用
2013/02/07 Javascript
jQuery中contents()方法用法实例
2015/01/08 Javascript
Javascript中this关键字的一些小知识
2015/03/15 Javascript
swtich/if...else的替代语句
2015/08/16 Javascript
jquery select2的使用心得(推荐)
2016/12/04 Javascript
使用JavaScript触发过渡效果的方法
2017/01/19 Javascript
JavaScript中利用构造器函数模拟类的方法
2017/02/16 Javascript
js 调用百度分享功能
2017/02/27 Javascript
JS利用cookies设置每隔24小时弹出框
2017/04/20 Javascript
通过学习bootstrop导航条学会修改bootstrop颜色基调
2017/06/11 Javascript
JavaScript操作文件_动力节点Java学院整理
2017/06/30 Javascript
微信JSAPI Ticket接口签名详解
2020/06/28 Javascript
bootstrap fileinput插件实现预览上传照片功能
2018/01/23 Javascript
jQuery Dom元素操作技巧
2018/02/04 jQuery
Vue项目中设置背景图片方法
2018/02/21 Javascript
使用vue2.6实现抖音【时间轮盘】屏保效果附源码
2019/04/24 Javascript
解决vuex刷新状态初始化的方法实现
2019/08/15 Javascript
请求时token过期自动刷新token操作
2020/09/11 Javascript
Python 转义字符详细介绍
2017/03/21 Python
Pycharm学习教程(1) 定制外观
2017/05/02 Python
Jupyter notebook远程访问服务器的方法
2018/05/24 Python
在unittest中使用 logging 模块记录测试数据的方法
2018/11/30 Python
浅谈python中统计计数的几种方法和Counter详解
2019/11/07 Python
django 中使用DateTime常用的时间查询方式
2019/12/03 Python
css3的transition属性详解
2014/12/15 HTML / CSS
美国知名户外用品畅销中心:Sierra Trading Post
2016/07/19 全球购物
财务总监岗位职责
2014/03/07 职场文书
政府班子四风问题整改措施思想汇报
2014/10/08 职场文书
导游词之重庆钓鱼城
2019/09/19 职场文书