JSON-Baumansicht - Struktur visualisieren & Pfade abrufen

Was ist JSON-Baumansicht?

JSON-Baumansicht ist ein Werkzeug, das JSON-Daten als erweiterbaren und einklappbaren Baum visualisiert. Datentypen (String, Zahl, Boolean, Array, Objekt, null) werden durch Farbcodierung unterschieden, und Statistiken (Gesamtschlüsselanzahl, maximale Tiefe, Typanzahl) sind verfügbar. Ein Klick auf einen Knoten kopiert seinen JSONPath (z. B. $.users[0].name) in die Zwischenablage. Besonders effektiv für das Verständnis der Struktur tief verschachtelter JSON-Daten.

Siehe auch: JSON-Formatierer · JSON Diff · JSON → Code

Verwendung

1. JSON in das Textfeld einfügen
2. Auf 'Baum anzeigen' klicken
3. Auf Knoten klicken, um sie zu erweitern/einzuklappen

Anwendungsbeispiele

Eingabe:
{"users":[{"id":1,"name":"Alice"},{"id":2,"name":"Bob"}]}

Baumansicht:
▾ users (Array: 2 Elemente)
  ▾ [0] (Objekt)
    id: 1 (Zahl)
    name: "Alice" (String)
  ▾ [1] (Objekt)
    id: 2 (Zahl)
    name: "Bob" (String)

Praxisbeispiel: Struktur einer tief verschachtelten API-Antwort verstehen und JSONPath des Zielfelds zum Einfügen in Code kopieren

FAQ

Kann es großes JSON anzeigen?

Ja. Standardmäßig werden Knoten bis Tiefe 2 erweitert. Großes JSON kann reibungslos navigiert werden.

In welchem Format wird der JSONPath kopiert?

Im JSONPath-Format wie $.key.subkey oder $.array[0].field. Kompatibel mit wichtigen JSONPath-Bibliotheken wie JQuery und JayWay.

Wie erweitere und klappe ich Knoten ein?

Auf einen Knoten klicken, um Erweitern/Einklappen umzuschalten. Der Anfangszustand zeigt Knoten bis Tiefe 2 erweitert.

Wo sehe ich die Anzahl der Array-Elemente?

Die Elementanzahl wird im Array-Knotenbezeichner angezeigt. Das Statistikfeld zeigt auch typbasierte Gesamtzahlen.

Werden meine Daten an einen Server gesendet?

Nein. Die gesamte Anzeigeverarbeitung erfolgt in Ihrem Browser. Sensible Daten sind sicher.

Verwandte Tools