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字符串函数String.replace()
Apr 07 Javascript
javascript实用小函数使用介绍
Nov 11 Javascript
详解AngularJS中的表格使用
Jun 16 Javascript
简单的jQuery入门指引
Jul 28 Javascript
jquery根据td给相同tr下其他td赋值的实现方法
Oct 05 Javascript
Javascript 实现全屏滚动实例代码
Dec 31 Javascript
详解Jquery 遍历数组之$().each方法与$.each()方法介绍
Jan 09 Javascript
js对象数组和对象的使用实例详解
Aug 27 Javascript
p5.js临摹动态图形的方法
Oct 23 Javascript
JS实现拖动模糊框特效
Aug 25 Javascript
JS中箭头函数与this的写法和理解
Jan 14 Javascript
React自定义hook的方法
Jun 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最常用的2种设计模式工厂模式和单例模式介绍
2012/08/14 PHP
有道搜索和IP138的IP的API接口(PHP应用)
2012/11/29 PHP
php生成缩略图示例代码分享(使用gd库实现)
2014/01/20 PHP
PHP生成不重复随机数的方法汇总
2014/11/19 PHP
Linux操作系统安装LAMP环境
2015/06/26 PHP
分页栏的web标准实现
2011/11/01 Javascript
AngularJS  $modal弹出框实例代码
2016/08/24 Javascript
js获取Get值的方法
2016/09/29 Javascript
Extjs让combobox写起来简洁又漂亮
2017/01/05 Javascript
jQuery插件FusionWidgets实现的Bulb图效果示例【附demo源码下载】
2017/03/23 jQuery
canvas+gif.js打造自己的数字雨头像的示例代码
2017/10/26 Javascript
vue 实现通过手机发送短信验证码注册功能
2018/04/19 Javascript
vue项目中公用footer组件底部位置的适配问题
2018/05/10 Javascript
浅析前端路由简介以及vue-router实现原理
2018/06/01 Javascript
angular6开发steps步骤条组件
2019/07/04 Javascript
使用layui前端框架弹出form表单以及提交的示例
2019/10/25 Javascript
vue 获取及修改store.js里的公共变量实例
2019/11/06 Javascript
javascript实现滚动条效果
2020/03/24 Javascript
vue中template的三种写法示例
2020/10/21 Javascript
原生JS实现弹幕效果的简单操作指南
2020/11/10 Javascript
[03:27]最受玩家喜爱奖提名:PZH_Element 致玩家寄语
2016/12/20 DOTA
Python实现把utf-8格式的文件转换成gbk格式的文件
2015/01/22 Python
python中MethodType方法介绍与使用示例
2017/08/03 Python
Python实现识别手写数字 简易图片存储管理系统
2018/01/29 Python
解决Python3中的中文字符编码的问题
2018/07/18 Python
Python设计模式之享元模式原理与用法实例分析
2019/01/11 Python
python实现简单的tcp 文件下载
2020/09/16 Python
Python实现扫码工具的示例代码
2020/10/09 Python
Python3中小括号()、中括号[]、花括号{}的区别详解
2020/11/15 Python
HTML5 表单验证失败的提示语问题
2017/07/13 HTML / CSS
质检的岗位职责
2013/11/17 职场文书
村党支部书记个人对照材料汇报
2014/10/26 职场文书
廉洁自律承诺书2015
2015/01/22 职场文书
上市公司财务总监岗位职责
2015/04/03 职场文书
电信营业员岗位职责
2015/04/14 职场文书
红白喜事主持词
2015/07/06 职场文书