476 Stimmen

Wie kann ich JSON programmatisch verschönern?

Kennen Sie einen "JSON Beautifier" für JavaScript?

Von

{"name":"Steve","surname":"Jobs","company":"Apple"}

An

{
  "name" : "Steve",
  "surname" : "Jobs",
  "company" : "Apple"
}

some_magic(jsonObj); // return beautified JSON

0 Stimmen

Warum müssen Sie es programmatisch verschönern? Wird es auf einer Webseite angezeigt?

3 Stimmen

Ich finde es amüsant, dass in den Antworten so viele "Lösungen" genannt werden, die alle ein Problem lösen, das laut der Antwort von Andy E. bereits von der Standard-API abgedeckt wird. Eine Lektion für uns alle: Lesen Sie die Dokumentation der bestehenden APIs, bevor Sie eine Lösung für eine Anforderung suchen oder implementieren ;-)

964voto

Andy E Punkte 324972

Programmatische Formatierungslösung:

Le site JSON.stringify Methode, die von vielen modernen Browsern (einschließlich IE8) unterstützt wird, kann einen verschönerten JSON-String ausgeben:

JSON.stringify(jsObj, null, "\t"); // stringify with tabs inserted at each level
JSON.stringify(jsObj, null, 4);    // stringify with 4 spaces at each level

Demo: http://jsfiddle.net/AndyE/HZPVL/

Diese Methode ist auch enthalten in json2.js für die Unterstützung von älteren Browsern.

Manuelle Formatierung der Lösung

Wenn Sie dies nicht programmatisch tun müssen, versuchen Sie JSON Lint . Es wird nicht nur Ihr JSON aufhübschen, sondern es wird es gleichzeitig validieren.

23 Stimmen

Fantastisch... Danke! (Es könnte sich lohnen, hinzuzufügen, dass white-space:pre in der css ist ebenfalls erforderlich)

19 Stimmen

Auf einer HTML-Seite die Ausgabe in <pre></pre>-Tags verpacken

0 Stimmen

Ich verwende JSON.stringify und toastr zur Ausgabe für die Fehlersuche. Live-Beispiel

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X