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 相关文章推荐
JS 常用校验函数
Mar 26 Javascript
JavaScript 对Cookie 操作的封装小结
Dec 31 Javascript
一个页面元素appendchild追加到另一个页面元素的问题
Jan 27 Javascript
jQuery 获取和设置select下拉框的值实现代码
Nov 08 Javascript
利用jQuery简单实现产品展示图片左右滚动功能(示例代码)
Jan 02 Javascript
js判断当前浏览器类型,判断IE浏览器方法
Jun 02 Javascript
javascript移动设备Web开发中对touch事件的封装实例
Jun 05 Javascript
纯javascript版日历控件
Nov 24 Javascript
详解jQuery lazyload 懒加载
Dec 19 Javascript
jquery ztree实现右键收藏功能
Nov 20 jQuery
Vue动态生成表格的行和列
Jul 18 Javascript
微信小程序实现动态列表项的顺序加载动画
Jul 25 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
攻克CakePHP系列二 表单数据显示
2008/10/22 PHP
PHP Google的translate API代码
2008/12/10 PHP
destoon整合ucenter后注册页面不跳转的解决方法
2014/06/21 PHP
php中函数前加&符号的作用分解
2014/07/08 PHP
php 判断字符串编码是utf-8 或gb2312实例
2016/11/01 PHP
PHP迭代器和迭代的实现与使用方法分析
2018/04/19 PHP
tp5.1 框架join方法用法实例分析
2020/05/26 PHP
javascript 函数调用的对象和方法
2010/07/01 Javascript
js跨域问题之跨域iframe自适应大小实现代码
2010/07/17 Javascript
基于JQuery的一句代码实现表格的简单筛选
2010/07/26 Javascript
使用隐藏的new来创建对象
2011/03/29 Javascript
jQuery拖动图片删除示例
2013/05/10 Javascript
js 浏览本地文件夹系统示例代码
2013/10/24 Javascript
JavaScript使表单中的内容显示在屏幕上的方法
2015/06/29 Javascript
JavaScript获取表格(table)当前行的值、删除行、增加行
2015/07/03 Javascript
基于Javascript实现弹出页面效果
2016/01/01 Javascript
浅析AngularJS中的指令
2016/03/20 Javascript
在 Angular 中实现搜索关键字高亮示例
2017/03/21 Javascript
js获取地址栏参数的两种方法
2017/06/27 Javascript
微信小程序页面滑动屏幕加载数据效果
2020/11/16 Javascript
Vue 进入/离开动画效果
2017/12/26 Javascript
vue.js2.0点击获取自己的属性和jquery方法
2018/02/23 jQuery
vue.js中$set与数组更新方法
2018/03/08 Javascript
[00:53]TI3正赛第三天 DK怒破A队不败金身 现场国旗飘扬热血激昂
2013/08/10 DOTA
[03:41]2018完美盛典-《Fight With Us》
2018/12/16 DOTA
Python时间戳与时间字符串互相转换实例代码
2013/11/28 Python
python基于xml parse实现解析cdatasection数据
2014/09/30 Python
Python常用模块之requests模块用法分析
2019/05/15 Python
如何利用Python给自己的头像加一个小国旗(小月饼)
2020/10/02 Python
把Anaconda中的环境导入到Pycharm里面的方法步骤
2020/10/30 Python
Kaufmann Mercantile官网:家居装饰、配件、户外及更多
2018/09/28 全球购物
超市国庆节促销方案
2014/02/20 职场文书
关于热爱祖国的演讲稿
2014/05/04 职场文书
环境建议书
2015/02/04 职场文书
《我是什么》教学反思
2016/02/16 职场文书