Javascript-Objekt In Zeichenfolge

Michael Zippo 04.11.2021

[object Object] ist eine Zeichenfolgendarstellung eines Objekts. Sie k√∂nnen diesen Text sehen, wenn Sie beispielsweise alert() verwenden, um ein Objekt auf dem Bildschirm auszugeben. Sie k√∂nnen den Inhalt eines Objekts mit console.log(), JSON.stringify() oder einer for‚Ä¶in-Schleife anzeigen.

Bei der Entwicklung mit JavaScript sind viele von uns auf die Ausgabe: [Objektobjekt]. Als ich das das erste Mal sah, ging ich zu meinem damaligen Mentor und fragte: ‚ÄûWas bedeutet das uberhaupt?‚". Ich war verwirrt.

Dieser Artikel soll Sie uber diese Ausgabe und ihre Bedeutung informieren. Wir sprechen daruber, wie Sie [object Object] in lesbaren Inhalt ubersetzen k√∂nnen, mit dem Sie arbeiten k√∂nnen.

Was ist JavaScript [object Object]?

[object Object] ist eine String-Version einer Objektinstanz. Dieser Wert wird von einem JavaScript-Programm zuruckgegeben, wenn Sie versuchen, ein Objekt auszudrucken, ohne das Objekt zuerst als String zu formatieren.

Dies ist die Syntax fur das [object Object]-Objekt:

Es ist kein Wunder, dass Entwickler von diesem Objekt verwirrt sind: Es keine Fehlermeldungen oder Warnungen, die uns sagen, was los ist. Sehen wir uns ein Beispiel fur dieses Objekt in Aktion an.

[object Object] JavaScript-Beispiel

Nehmen Sie dieses Beispiel:

Wenn die alert()-Anweisung ausgefuhrt wird, gibt unser Code [object Object] zuruck. Unser Programm versucht, eine Zeichenfolgendarstellung dessen zuruckzugeben, was an die Methode alert() ubergeben wurde. Da unser Code dies jedoch als Objekt sieht, sagt er uns, dass es sich stattdessen um eine Instanz eines Objekts handelt.

Das [Objektobjekt] Nachricht ist nicht sehr beschreibend. Dies bedeutet jedoch nicht, dass wir keine Werte in unserem Objekt sehen k√∂nnen. Lassen Sie uns daruber sprechen, wie wir die Werte in einem Objekt lesen k√∂nnen.

Was ist im Objekt?

Zu wissen, dass [object Object] eine Instanz eines Objekts ist, ist gro√üartig, aber wir m√∂chten wissen, dass es sich im Objekt befindet. Dafur gibt es drei M√∂glichkeiten:

Mit console.log() in die Konsole einloggen
Stringify es mit JSON.stringify()
Verwenden Sie die for‚Ä¶in-Schleife und sehen Sie sich jede einzelne Eigenschaft an

Auf der Konsole protokollieren

Der wohl einfachste Weg, um zu sehen, was sich in einem Objekt befindet, besteht darin, das Objekt in der Konsole zu protokollieren. Mit der Anweisung console.log() k√∂nnen Sie alle anzeigen der Werte in einem JavaScript-Objekt.

Betrachten Sie den folgenden Code:

Wir k√∂nnen die Werte in unserem Objekt sehen.

Verwenden Sie JSON.stringify()

Die JSON.stringify()-Methode konvertiert ein JavaScript-Objekt in einen String. Wir k√∂nnen diesen String dann manipulieren.

Also k√∂nnen wir JSON.stringify() verwenden, um ein Objekt in einen String umzuwandeln. Dann k√∂nnten wir alert() verwenden, um dem Benutzer den Wert des Strings anzuzeigen:

Wie in unserem letzten Beispiel haben wir an Objekt namens objA. Dann verwenden wir die Methode JSON.stringify(), um das Objekt in einen String zu konvertieren. Wir verwenden dann alert, um den Wert des Strings in der Konsole anzuzeigen.

Unser Code √∂ffnet eine Eingabeaufforderung mit folgendem Inhalt:

Verwenden Sie a for‚Ä¶in-Schleife

Das JavaScript for‚Ä¶in-Schleife l√§sst uns uber den Inhalt eines Objekts iterieren. Mit dieser Schleife k√∂nnen wir jedes einzelne Schlussel-Wert-Paar ausdrucken.

Betrachten Sie den folgenden Code:

Wir haben wie in den letzten beiden Beispielen ein JSON-Objekt namens objA deklariert. Dann verwenden wir eine for‚Ä¶in-Schleife, um uber den Inhalt dieses Objekts zu iterieren. Der "key‚"-Wert repr√§sentiert jeden Schlussel.< /p>

Wir verwenden den "key‚"-Wert, um auf den Schlussel zuzugreifen, und objA[key], um auf den mit diesem Schlussel verknupften Wert zuzugreifen. Unser Code gibt Folgendes zuruck:

Wir verwenden String-Verkettung, um einen Doppelpunkt hinzuzufugen (: ) zwischen jedem Schlussel und Wert. Dadurch k√∂nnen wir trennen die Schlussel und Werte, damit sie in der Ausgabe unseres Codes besser lesbar sind.

Schlussfolgerung

Das JavaScript [Objektobjekt] ist eine Zeichenfolgendarstellung eines Objekts. Um den Inhalt eines Objekts anzuzeigen, sollten Sie das Objekt mit console.log() an die Konsole ausgeben oder das Objekt in einen String konvertieren. Oder Sie k√∂nnen eine for‚Ä¶in-Schleife verwenden, um uber das Objekt zu iterieren und seinen Inhalt anzuzeigen.

M√∂chten Sie mehr uber JavaScript erfahren? In unserem vollst√§ndigen Leitfaden zum Erlernen von JavaScript finden Sie Ratschl√§ge zu den wichtigsten Lernressourcen und Onlinekursen.