Home/ Glossar/ JSON Formatter
Tools

JSON Formatter

Der JSON Formatter macht komprimierte oder unlesbare JSON-Daten sofort übersichtlich. Eingefügter JSON-Code wird automatisch eingerückt, syntaxhervorgehoben und mit Zeilennummern versehen. Das Tool erkennt Syntaxfehler sofort und zeigt deren genaue Position an. Zusätzliche Funktionen wie Schlüssel-Sortierung und Strukturstatistiken helfen bei der Analyse größerer JSON-Dokumente.

Was ist der JSON Formatter?

JSON (JavaScript Object Notation) ist das meistgenutzte Datenaustauschformat in modernen Webanwendungen und APIs. In der Praxis wird JSON oft komprimiert (minifiziert) übertragen, was es für Menschen schwer lesbar macht. Der JSON Formatter löst dieses Problem, indem er komprimiertes oder schlecht formatiertes JSON automatisch in ein eingerücktes, farblich hervorgehobenes Format umwandelt. Das Tool validiert dabei gleichzeitig die JSON-Syntax und weist auf Fehler wie fehlende Kommas, nicht geschlossene Klammern oder ungültige Werte hin.

Wie funktioniert das Tool?

Das Tool parst den eingegebenen JSON-String mit einem clientseitigen JavaScript-Parser. Bei gültigem JSON wird das Ergebnis mit konfigurierbarer Einrückung (2 oder 4 Leerzeichen bzw. Tabs) ausgegeben. Die Syntaxhervorhebung unterscheidet farblich zwischen Strings, Zahlen, Booleans, null-Werten, Objektschlüsseln und strukturellen Zeichen. Optional können alle Schlüssel alphabetisch sortiert werden, was den Vergleich zweier JSON-Dokumente erheblich erleichtert. Strukturstatistiken zeigen die Anzahl der Schlüssel, Arrays, verschachtelten Ebenen und Gesamtzeichen an.

Typische Anwendungsfälle

  • Lesbar machen einer minifizierten API-Antwort zum Debuggen
  • Validieren von JSON-Konfigurationsdateien auf Syntaxfehler vor dem Deployment
  • Vergleichen zweier JSON-Strukturen durch vorherige Sortierung der Schlüssel
  • Analysieren der Struktur eines großen JSON-Dokuments mit Hilfe der Statistiken

Schritt-für-Schritt-Anleitung

  1. Schritt 1: Füge deinen JSON-String in das Eingabefeld ein oder lade eine JSON-Datei hoch.
  2. Schritt 2: Wähle die gewünschte Einrückung (2 Leerzeichen, 4 Leerzeichen oder Tab).
  3. Schritt 3: Aktiviere optional die Schlüssel-Sortierung für eine alphabetische Ausgabe.
  4. Schritt 4: Kopiere den formatierten JSON-Code oder lade ihn als Datei herunter.

Beispiel

Eingabe
{"name":"Max","age":30,"city":"Berlin"}
Ausgabe
{
  "age": 30,
  "city": "Berlin",
  "name": "Max"
}

Tipps & Hinweise

  • Nutze die Schlüsselsortierung, bevor du zwei JSON-Dokumente vergleichst – so fallen Unterschiede im Diff-Tool sofort auf.
  • Bei einem Syntaxfehler zeigt das Tool die genaue Zeile und Spalte an. Häufige Fehler sind: fehlendes Komma zwischen Einträgen, einfache statt doppelte Anführungszeichen oder ein Komma nach dem letzten Element.
  • Für sehr große JSON-Dateien (> 1 MB) kann die Formatierung einen Moment dauern – das Tool verarbeitet alles clientseitig ohne Serverbelastung.

Häufige Fragen

Was ist der Unterschied zwischen JSON-Formatierung und JSON-Minifizierung?
Formatierung fügt Leerzeichen, Zeilenumbrüche und Einrückungen hinzu, um den Code lesbar zu machen. Minifizierung entfernt alle nicht notwendigen Leerzeichen, um die Dateigröße zu minimieren. Für die Übertragung ist Minifizierung besser, für die Entwicklung die formatierte Variante.
Werden meine JSON-Daten auf einen Server hochgeladen?
Nein. Das Tool arbeitet vollständig clientseitig im Browser. Deine Daten verlassen deinen Rechner nicht – das ist besonders wichtig bei JSON mit sensiblen Informationen wie API-Schlüsseln oder persönlichen Daten.
Kann ich JSONC (JSON with Comments) formatieren?
Standard-JSON unterstützt keine Kommentare. Das Tool validiert nach dem strengen JSON-Standard (RFC 8259), der Kommentare nicht erlaubt. JSONC-Dateien (z. B. TypeScript-Konfigurationen) müssen vor der Formatierung um Kommentare bereinigt werden.
JSON Formatter
Formatiere und verschönere JSON-Strings in ein lesbares Format – mit Syntaxhervorhebung, Zeilennummern, Schlüssel-Sortierung und Statistiken.
Tool öffnen