DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> jquery動態遍歷Json對象的屬性和值的方法
jquery動態遍歷Json對象的屬性和值的方法
編輯:關於JavaScript     

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對象的屬性和值的方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved