php json输出对象的属性值,JavaScript_jquery动态遍历Json对象的属性和值的方法，1、遍历 json 对象的属性 / - phpStudy...

jquery动态遍历Json对象的属性和值的方法

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对象的属性和值的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持phpstudy。相关阅读:

Linux命令删除指定日期以前的文件

js中Math之random,round,ceil,floor的用法总结

php使用simplexml_load_file加载XML文件并显示XML的方法

7个JS基础知识总结

win10系统cpu使用率过高达到70% 的解决方法

详解JavaScript的另类写法

win10提示错误应用程序SearchIndexer.exe的解决方法

php mb_substr()函数截取中文字符串应用示例

基于DOM+CSS3实现OrgChart组织结构图插件

jQuery中toggleClass()方法用法实例

如何动态的导入js文件具体该怎么实现

JSON字符串转换JSONObject和JSONArray的方法

javascript实现标签切换代码示例

Win10内置音乐服务新界面 超炫深色主题