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.event兼容各浏览器的event详细解析
Dec 18 Javascript
JavaScript获取图片真实大小代码实例
Sep 24 Javascript
JavaScript使用cookie记录临时访客信息的方法
Apr 07 Javascript
JS表格组件BootstrapTable行内编辑解决方案x-editable
Sep 01 Javascript
BootStrap中按钮点击后被禁用按钮的最佳实现方法
Sep 23 Javascript
Node.js中文件操作模块File System的详细介绍
Jan 05 Javascript
基于webpack.config.js 参数详解
Mar 20 Javascript
vue实现同一个页面可以有多个router-view的方法
Sep 20 Javascript
javascript如何实现create方法
Nov 04 Javascript
vue跳转页面的几种方法(推荐)
Mar 26 Javascript
jQuery实现移动端笔触canvas电子签名
May 21 jQuery
vue3中provide && inject的使用
Jul 01 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
一些操作和快捷键的理解和讨论
2020/03/04 星际争霸
PHP对象转换为数组函数(递归方法)
2012/02/04 PHP
php实现aes加密类分享
2014/02/16 PHP
跟我学Laravel之请求(Request)的生命周期
2014/10/15 PHP
php+jQuery+Ajax简单实现页面异步刷新
2016/08/08 PHP
早该知道的7个JavaScript技巧
2013/03/27 Javascript
基于jquery中children()与find()的区别介绍
2013/04/26 Javascript
Javascript执行效率全面总结
2013/11/04 Javascript
JS获取iframe中longdesc属性的方法
2015/04/01 Javascript
jQuery自动添加表单项的方法
2015/07/13 Javascript
JS中改变this指向的方法(call和apply、bind)
2016/03/26 Javascript
js中利用cookie实现记住密码功能
2020/08/20 Javascript
JQueryEasyUI框架下的combobox的取值和绑定的方法
2017/01/22 Javascript
vue.js移动端app实战1:初始配置详解
2017/07/24 Javascript
Vue使用vux-ui自定义表单验证遇到的问题及解决方法
2018/05/10 Javascript
JavaScript实现仿Clock ISO时钟
2018/06/29 Javascript
微信小程序自定义组件封装及父子间组件传值的方法
2018/08/28 Javascript
JS实现查找数组中对象的属性值是否存在示例
2019/05/24 Javascript
vue-cli3配置与跨域处理方法
2019/08/17 Javascript
微信小程序(订阅消息)功能
2019/10/25 Javascript
[02:44]完美大师赛主赛事淘汰赛第二日观众采访
2017/11/24 DOTA
Python 多线程抓取图片效率对比
2016/02/27 Python
Python语言描述随机梯度下降法
2018/01/04 Python
详解pandas DataFrame的查询方法(loc,iloc,at,iat,ix的用法和区别)
2019/08/02 Python
Centos7 下安装最新的python3.8
2019/10/28 Python
pytorch查看通道数 维数 尺寸大小方式
2020/05/26 Python
pytorch 把图片数据转化成tensor的操作
2021/03/04 Python
HTML5实现桌面通知 提示功能
2017/10/11 HTML / CSS
周仰杰(JIMMY CHOO)法国官方网站:闻名世界的鞋子品牌
2019/09/27 全球购物
公司人力资源的自我评价
2014/01/02 职场文书
自愿离婚协议书范文2014
2014/10/12 职场文书
上班迟到检讨书范文300字
2014/11/02 职场文书
汽车4S店前台接待岗位职责
2015/04/03 职场文书
uniapp开发小程序的经验总结
2021/04/08 Javascript
《巫师》是美食游戏?CDPR10月将推出《巫师》官方食谱
2022/04/03 其他游戏
Win10 最新稳定版本 21H2开始推送
2022/04/19 数码科技