Javascript-Objekt In Zeichenfolge

| | | | | | | | | | | | | | | | | | |

[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:

  1. Mit console.log() in die Konsole einloggen
  2. Stringify es mit JSON.stringify()
  3. 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.