Heim > Artikel > Web-Frontend > Methode zum Durchlaufen von Objektobjekten in jquery_jquery
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 }
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); });
Sie können auch so queren:
var arr1 = [ “one”, “two”, “three”, “four”, “five” ]; $.each(arr1, function(){ alert(this); });
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);//可以输出姓名 });
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]);//输出分数 }
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: 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.
var data={
张三:69,
李四:72,
王五:90,
二麻子:88,
前端博客:100,
haorooms : 98,
王大壮:99
}