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 相关文章推荐
xml分页+ajax请求数据源+dom取结果实例代码
Oct 31 Javascript
JavaScript 学习笔记(七)字符串的连接
Dec 31 Javascript
jquery ui dialog ie8出现滚动条的解决方法
Dec 06 Javascript
基于jquery的防止大图片撑破页面的实现代码(立即缩放)
Oct 24 Javascript
ActiveX控件与Javascript之间的交互示例
Jun 04 Javascript
js实现完全自定义可带多级目录的网页鼠标右键菜单方法
Feb 28 Javascript
Jquery常用的方法汇总
Sep 01 Javascript
js实现跨域的几种方法汇总(图片ping、JSONP和CORS)
Oct 25 Javascript
JS 面向对象之继承---多种组合继承详解
Jul 10 Javascript
基于jQuery.validate及Bootstrap的tooltip开发气泡样式的表单校验组件思路详解
Jul 18 Javascript
node.js将MongoDB数据同步到MySQL的步骤
Dec 10 Javascript
Vue 实现前进刷新后退不刷新的效果
Jun 14 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获取类中常量,属性,及方法列表的方法
2009/04/09 PHP
php封装的表单验证类完整实例
2016/10/19 PHP
PHP重定向与伪静态区别
2017/02/19 PHP
详解php语言最牛掰的Laravel框架
2017/11/20 PHP
根据分辨率不同,调用不同的css文件
2006/07/07 Javascript
extJs 常用到的增,删,改,查操作代码
2009/12/28 Javascript
js实现下拉框选择要显示图片的方法
2015/02/16 Javascript
JavaScript中函数(Function)的apply与call理解
2015/07/08 Javascript
纯js模拟div层弹性运动的方法
2015/07/27 Javascript
JQuery之proxy实现绑定代理方法
2016/08/01 Javascript
JavaScript判断浏览器及其版本信息
2017/01/20 Javascript
Javascript之深入浅出prototype
2017/02/06 Javascript
基于 Vue.js 之 iView UI 框架非工程化实践记录(推荐)
2017/11/21 Javascript
对node通过fs模块判断文件是否是文件夹的实例讲解
2019/06/10 Javascript
layui扩展上传组件模拟进度条的方法
2019/09/23 Javascript
一篇文章带你使用Typescript封装一个Vue组件(简单易懂)
2020/06/05 Javascript
vue实现顶部菜单栏
2020/11/08 Javascript
python读取html中指定元素生成excle文件示例
2014/04/03 Python
python使用Tkinter显示网络图片的方法
2015/04/24 Python
Python字符串处理实现单词反转
2017/06/14 Python
python实现简单遗传算法
2018/03/19 Python
Python SMTP发送邮件遇到的一些问题及解决办法
2018/10/24 Python
Pycharm配置远程调试的方法步骤
2018/12/17 Python
利用Python脚本实现自动刷网课
2020/02/03 Python
将pycharm配置为matlab或者spyder的用法说明
2020/06/08 Python
编译 pycaffe时报错:fatal error: numpy/arrayobject.h没有那个文件或目录
2020/11/29 Python
通过CSS3的object-fit来调整图片适配尺寸的技巧简介
2016/02/27 HTML / CSS
localstorage和sessionstorage使用记录(推荐)
2017/05/23 HTML / CSS
九年级数学教学反思
2014/02/02 职场文书
安全大检查实施方案
2014/02/22 职场文书
大学班级计划书
2014/04/29 职场文书
局火灾防控工作方案
2014/05/25 职场文书
铅球加油稿100字
2014/09/26 职场文书
优秀创业计划书分享
2019/07/19 职场文书
浅谈MySql update会锁定哪些范围的数据
2022/06/25 MySQL