Wie kann ich ein JavaScript-Objekt anzeigen?

Question

Wie zeige ich den Inhalt eines JavaScript-Objekts in einem String-Format an, wie wir es bei alert eine Variable?

Ich möchte ein Objekt auf die gleiche Weise formatieren.

Answer 1

Einheimische verwenden JSON.stringify Methode. Funktioniert mit verschachtelten Objekten und allen gängigen Browsern Unterstützung diese Methode.

str = JSON.stringify(obj);
str = JSON.stringify(obj, null, 4); // (Optional) beautiful indented output.
console.log(str); // Logs output to dev tools console.
alert(str); // Displays output using window.alert()

Link zu Mozilla API-Referenz und andere Beispiele.

obj = JSON.parse(str); // Reverses above operation (Just in case if needed.)

---

Verwenden Sie eine benutzerdefinierte JSON.stringify Ersetzer wenn Sie dieser Javascript-Fehler auftritt

"Uncaught TypeError: Converting circular structure to JSON"

Answer 2

Wenn Sie das Objekt zu Debugging-Zwecken ausdrucken möchten, verwenden Sie diesen Code:

var obj = {
  prop1: 'prop1Value',
  prop2: 'prop2Value',
  child: {
    childProp1: 'childProp1Value',
  },
}
console.log(obj)

wird angezeigt:

Anmerkung: Sie müssen sólo das Objekt protokollieren. Dies wird zum Beispiel nicht funktionieren:

console.log('My object : ' + obj)

Anmerkung ' : Sie können auch ein Komma in der log Methode, dann wird die erste Zeile der Ausgabe die Zeichenkette sein und danach wird das Objekt gerendert:

console.log('My object: ', obj);

Answer 3

var output = '';
for (var property in object) {
  output += property + ': ' + object[property]+'; ';
}
alert(output);

Answer 4

console.dir(object) :

Zeigt eine interaktive Auflistung der Eigenschaften eines angegebenen JavaScript-Objekts an. In dieser Auflistung können Sie mithilfe von Offenlegungsdreiecken den Inhalt von Unterobjekten untersuchen.

Beachten Sie, dass die console.dir() ist kein Standardmerkmal. Siehe MDN-Webdokumente

Answer 5

Versuchen Sie dies:

console.log(JSON.stringify(obj))

Damit wird die stringify-Version des Objekts gedruckt. Anstelle von [object] als Ausgabe erhalten Sie den Inhalt des Objekts.