Sehen, formatieren und erkunden Sie JSON-Daten in einem interaktiven, zusammenklappbaren Baum. Kostenlos, sicher und kein Upload erforderlich.
Oder fügen Sie unten den JSON-Text ein
JSON-Baum-Viewer zeigen JSON-Daten als navigierbare hierarchische Baumstruktur und nicht als einfachen Text an. Jedes Objekt wird zu einem zusammenklappbaren Zweig; Arrays zeigen ihre Elemente einzeln an; Primitivwerte erscheinen als Blätter. Die Strukturansicht erleichtert das Auffinden bestimmter Felder in tief verschachtelten Daten, das Ausblenden irrelevanter Teilbäume und das Navigieren in großen JSON-Dokumenten, die als flacher Text nicht zu verwalten wären.
Im Vergleich zu formatiertem JSON-Text eignen sich Baumansichten besonders gut für die Navigation in großen Datenmengen. Es ist unpraktisch, durch eine 10-MB-API-Antwort als Text zu scrollen, sie lässt sich aber als Baum nachvollziehen, in dem Sie Schlüssel der obersten Ebene, die Sie nicht interessieren, einklappen und nur die Teile erweitern, die Sie interessieren.
Dieser Viewer rendert JSON in einem strukturierten Baum in Ihrem Browser. Die Suche filtert Zweige nach Schlüssel oder Wert. Die typbewusste Anzeige unterscheidet Zeichenfolgen, Zahlen, boolesche Werte, Nullen, Objekte und Arrays.
Tief verschachtelte Daten sind als Text schwer zu navigieren. Konfigurationsdateien, API-Antworten und der serialisierte Status weisen oft mehr als 5 Verschachtelungsebenen auf. In der Baumansicht können Sie irrelevante Ebenen ausblenden und sich auf das Wesentliche konzentrieren. Textansichten erfordern sorgfältiges Scrollen und Zählen der Klammern.
Auch Such- und Filterfunktionen sind wichtig. Mit einem suchfähigen Viewer ist das Auffinden aller Schlüssel mit dem Namen „user_id“ in einem komplexen Dokument schnell möglich. Mit Klartext ist das nicht zuverlässig möglich.
Fügen Sie JSON ein und navigieren Sie durch den Baum.
Beim JSON-Parsing wird JSON.parse verwendet, das bei ungültigen Eingaben fehlschlägt und einen Parse-Fehler anzeigt, der auf den Ort des Problems hinweist. Gültiges JSON wird in ein JavaScript-Objekt gerendert, das der Betrachter rekursiv durchläuft, um den Baum zu erstellen.
Rendering: Jede Verschachtelungsebene wird zu einem eingerückten Zweig. Objektschlüssel sind Beschriftungen; Werte werden basierend auf dem Typ gerendert – Zeichenfolgen in Anführungszeichen, Zahlen ohne, boolesche Werte als wahr/falsch, null explizit, Objekte und Arrays als reduzierbare Zweige.
Leistung: Sehr großes JSON (10 MB+) kann das Rendern verlangsamen. Eine verzögerte Erweiterung (Rendern nur aktuell sichtbarer Zweige) hilft. Die Suche in großen Dokumenten kann beträchtliche Zeit in Anspruch nehmen. Das Indizieren des Baums beim ersten Parsen hilft.