Wie können Sie erweiterte Objekte/Arrays in der Chrome-Konsole anzeigen?

Question

Wenn ich Array von Objekten, wenn ich den Namen der Variablen in Chrome Konsole eingeben, bekomme ich diese:

FRAGE: Gibt es eine Option oder ein Flag, die auf beim Einschalten die Objekte angezeigt werden sollen und Arrays erweitert, wenn in der Chrome-Konsole abgefragt?

Ich benutze die Konsole viel und mache Inline-Operationen innerhalb der Konsole und jedes Mal, wenn ich ein Array ändere, muss ich auf alle Einträge klicken, um die Werte zu sehen.

Ich möchte nicht schreiben eine Schleife, die console.dir aus allen Arrays würde.

Answer 1

Um den gesamten Inhalt eines Arrays (siehe oder irgendein anderes Objekt, ohne eine Schleife zu schreiben, können Sie JSON.stringify verwenden. Dadurch wird das gesamte Objekt im JSON-Format ausgegeben und optional eingerückt.

Zum Beispiel:

console.info(JSON.stringify([{a:1,b:2}, {c:3,d:4}], null, ' ')) 

AUSGABE:

[ 
    { 
    "a": 1, 
    "b": 2 
    }, 
    { 
    "c": 3, 
    "d": 4 
    } 
] 

Answer 2

Ich weiß nicht, ob Sie das noch wissen, aber ... Klicken Sie in die Dreiecke und Sie können das komplette Objekt sehen, ich denke, das ist sehr praktisch.

---

bearbeiten

Ok sorry ich nicht diesen Teil lesen ‚=. = Sie können jedoch die console API von Firebug überprüfen die Chromkonsole unterstützt Chrome Dev Tools: Console

Answer 3

console.table() hat eine große Aufgabe der displaying arrays neatly in einem Tabellenformat.