Heim > Web-Frontend > js-Tutorial > Hauptteil

Detaillierte Erläuterung des JQuery-Traversal und Hinzufügen von Beispielen für Json-Objektcode

伊谢尔伦
Freigeben: 2017-07-21 10:25:56
Original
1512 Leute haben es durchsucht

jquerys Methode zum dynamischen Durchlaufen der Eigenschaften und Werte eines Json-Objekts.

1. Durchlaufen Sie die Attribute des JSON-Objekts


//定义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]);
 }
Nach dem Login kopieren

2. Fügen Sie dem JSON-Objekt dynamisch Attribute hinzu

Sie benötigen um ein Personenobjekt zu verwenden


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]);
 }
Nach dem Login kopieren

Hinweis: Mit Ext.apply(copyPerson, person) können Sie auch alle Attribute persönlich kopieren, einschließlich der Methoden für copyPerson

3. Durchlaufen Sie die Eigenschaften gewöhnlicher js-Objekte


//定义一个普通的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]);
 }
Nach dem Login kopieren

Gewöhnliche js-Objekte können auch kopiert werden, Methoden kopieren und 2. Ideen zum dynamischen Hinzufügen von Attributen zu JSON-Objekten Gleiches.

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung des JQuery-Traversal und Hinzufügen von Beispielen für Json-Objektcode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage