Heim > Web-Frontend > js-Tutorial > Hauptteil

Methode zum Durchlaufen von Objektobjekten in jquery_jquery

WBOY
Freigeben: 2016-05-16 15:24:42
Original
1715 Leute haben es durchsucht

Ein Freund fragte, wie man ein Objekt in ein Array umwandelt. Als ich ihn fragte, warum er es konvertieren wollte, sagte er mir, dass Arrays mit js-Schleifen durchlaufen werden können, Objekte jedoch nicht. Tatsächlich können Objekte auch in einer Schleife durchlaufen werden. Sie können eine Schleife ohne Konvertierung durchführen! Das bedeutet, dass Sie mit einigen Vorgängen von js oder jquery nicht sehr vertraut sind! Hier werde ich es kurz vorstellen!

Fall

Schauen wir uns die folgenden Objekte an:

var data={
  张三:69,
  李四:72,
  王五:90,
  二麻子:88,
  前端博客:100,
  haorooms : 98,
  王大壮:99
}
Nach dem Login kopieren
Nach dem Login kopieren

Angenommen, das Obige ist ein Schlüssel- und ein Wertobjekt, das vom Hintergrund zurückgegeben wird (ich glaube, Sie stoßen oft auf diese Art von Objekt!). Jetzt müssen Sie diesen Inhalt in einer Schleife an eine Tabelle binden. Einige Freunde wissen nicht, wie man die Objektschleife bedient! Heute stelle ich Ihnen zwei Methoden vor!

Methode 1:

Verwenden Sie $.each für eine Schleife!

Wenn Sie $.each nicht kennen, empfehle ich Ihnen, online danach zu suchen. Natürlich können Sie auch nach „dem Unterschied zwischen $().each und $.each“ von jquery suchen. Auf die Unterschiede werde ich hier nicht näher eingehen. Einige Freunde verwenden möglicherweise mehr $().each. Heute werde ich Ihnen hauptsächlich $.each vorstellen.

$.each() kann Arrays und Objekte durchlaufen. So geht's:

$.each([{“name”:”haorooms”,”email”:”bb@126.com”},{“name”:”qianduan”,”email”:”aa@hao.com”}],function(i,n)
{
alert(“索引:”+i,”对应值为:”+n.name);
});
Nach dem Login kopieren

Sie können auch so queren:

var arr1 = [ “one”, “two”, “three”, “four”, “five” ];
$.each(arr1, function(){
alert(this);
});
Nach dem Login kopieren

Ausgabe: eins zwei drei vier fünf
Das Beste ist, dass Sie das Array durchlaufen können:

var obj =data;//上面复制的data
$.each(obj, function(key, val) {
alert(obj[key]);//可以输出成绩
console.log(key);//可以输出姓名
});
Nach dem Login kopieren

Methode 2:

Verwenden Sie die for in-Schleife, um obj zu durchlaufen

Für das obige Objekt können wir so schreiben, dass eine Schleife entsteht!

for(var i in data){
 console.dir(i);//输出姓名
 console.dir(data[i]);//输出分数
}
Nach dem Login kopieren

Ich glaube, jeder sollte mit der for-in-Schleife vertraut sein! Die am häufigsten verwendete for-Schleife ist for(var i=0;i

Außerdem, wenn wir auf die folgenden Objekte stoßen:

var data={
  张三:69,
  李四:72,
  王五:90,
  二麻子:88,
  前端博客:100,
  haorooms : 98,
  王大壮:99
}
Nach dem Login kopieren
Nach dem Login kopieren

Wir können data.haorooms verwenden, um 98 zu erhalten, aber wenn wir „data.front-end blog“ verwenden, wird ein Fehler gemeldet. Wenn wir daher chinesische Zeichen als Schlüsselwert verwenden, sollten wir data[“ verwenden. Front-End-Blog"] Wenn Sie dies auswählen, wählen Sie einen Weg und verwenden Sie keine Punkte mehr.

Das Obige ist die Methode zum Durchlaufen von Objektobjekten in jquery. Ich hoffe, dass sie für das Lernen aller hilfreich ist.

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!