Heim > Web-Frontend > js-Tutorial > Hauptteil

Detaillierte Erläuterung der Schritte zum dynamischen Durchlaufen von Json-Objekteigenschaften und -Werten mithilfe von JQuery

php中世界最好的语言
Freigeben: 2018-04-25 15:22:59
Original
2021 Leute haben es durchsucht

Dieses Mal erkläre ich Ihnen ausführlich die Schritte zur Verwendung von jquery zum dynamischen Durchlaufen von Json-Objektattributen und -Werten. Was sind die Vorsichtsmaßnahmen für die Verwendung von jquery zum dynamischen Durchlaufen von Json? Hier sind Objektattribute und -werte. Werfen wir einen Blick auf praktische Fälle.

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 müssen das Personenobjekt in 1 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 einschließlich Methoden in person kopieren, um 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. Die Kopiermethode hat die gleiche Idee wie 2. Fügen Sie Attribute dynamisch hinzu das JSON-Objekt.

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Detaillierte Erläuterung der Verwendung der AJAX-Anfragewarteschlange

jQuery+ajax verwendet get() Funktion zum Lesen der Seitenschritte Detaillierte Erklärung

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Schritte zum dynamischen Durchlaufen von Json-Objekteigenschaften und -Werten mithilfe von JQuery. 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
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!