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

Verwenden Sie einfach

JSON.stringify(obj)

Ejemplo

var args_string = JSON.stringify(obj);
console.log(args_string);

Oder

alert(args_string);

Auch beachten Sie in Javascript Funktionen sind als Objekte betrachtet.

Als zusätzliche Anmerkung:

Eigentlich können Sie eine neue Eigenschaft wie folgt zuweisen und auf sie zugreifen console.log oder zeigen Sie es in alert

foo.moo = "stackoverflow";
console.log(foo.moo);
alert(foo.moo);

Answer 2

NB: In diesen Beispielen definiert yourObj das Objekt, das Sie untersuchen möchten.

Zunächst einmal meine am wenigsten bevorzugte, aber dennoch am häufigsten genutzte Art, ein Objekt darzustellen:

Dies ist die Standardmethode, um den Inhalt eines Objekts anzuzeigen

console.log(yourObj)

wird etwas wie :

Ich denke, die beste Lösung ist, die Objektschlüssel und dann die Objektwerte zu durchsuchen, wenn Sie wirklich wissen wollen, was das Objekt enthält...

console.log(Object.keys(yourObj));
console.log(Object.values(yourObj));

Es wird etwas ausgegeben wie : (oben abgebildet: die im Objekt gespeicherten Schlüssel/Werte)

Es gibt auch diese neue Option, wenn Sie ECMAScript 2016 oder neuer verwenden:

Object.keys(yourObj).forEach(e => console.log(`key=${e}  value=${yourObj[e]}`));

Dies führt zu einer sauberen Ausgabe: Die in einer früheren Antwort erwähnte Lösung: console.log(yourObj) zu viele Parameter anzeigt und ist nicht der benutzerfreundlichste Weg, um die gewünschten Daten anzuzeigen . Deshalb empfehle ich, erst die Schlüssel und dann die Werte getrennt zu protokollieren.

Nächster Punkt:

console.table(yourObj)

Jemand hat dies in einem früheren Kommentar vorgeschlagen, aber es hat bei mir nie funktioniert. Wenn es bei jemand anderem mit einem anderen Browser oder so funktioniert, dann Hut ab! Ill noch den Code hier als Referenz! Die Ausgabe auf der Konsole sieht ungefähr so aus:

Answer 3

Hier ist eine Möglichkeit, dies zu tun:

console.log("%o", obj);

Answer 4

Zum Drucken des gesamten Objekts mit Node.js mit Farben als Bonus:

console.dir(object, {depth: null, colors: true})

Farben sind natürlich optional, 'depth: null' druckt das gesamte Objekt.

Die Optionen scheinen von den Browsern nicht unterstützt zu werden.

Referenzen:

https://developer.mozilla.org/en-US/docs/Web/API/Console/dir

https://nodejs.org/api/console.html#console_console_dir_obj_options

Answer 5

Wie bereits erwähnt, war die beste und einfachste Methode, die ich gefunden habe

var getPrintObject=function(object)
{
    return JSON.stringify(object);
}