Zum Hauptinhalt springen
Anleitung

Der vollständige Guide zum Formatieren und Validieren von JSON

· 6 min Lesezeit
#tutorial

JSON (JavaScript Object Notation) ist zum Quasi-Standard für Datenaustausch geworden. Egal ob du eine API debuggst, eine Konfigurationsdatei parst oder Daten überträgst — JSON ist überall.

Aber rohes JSON ist nahezu unlesbar. Deshalb sind Formatierungswerkzeuge unverzichtbar.

Warum JSON mit bloßem Auge schwer zu lesen ist

APIs liefern oft minifiziertes JSON:

{"name":"BoxrTools","tools":[{"slug":"json-formatter","category":"developer"},{"slug":"regex-tester","category":"developer"}],"stats":{"version":1,"free":true}}

Technisch valide, aber du musst Klammern zählen, um ein Feld zu finden.

Formatiert:

{
  "name": "BoxrTools",
  "tools": [
    { "slug": "json-formatter", "category": "developer" },
    { "slug": "regex-tester", "category": "developer" }
  ],
  "stats": { "version": 1, "free": true }
}

Gleiche Daten, klare Struktur auf einen Blick.

5 häufige JSON-Fehler

1. Nachgestelltes Komma

{ "a": 1, "b": 2, }  // ❌ Syntaxfehler

JSON erlaubt kein nachgestelltes Komma.

2. Einfache Anführungszeichen

{ 'a': 1 }  // ❌

Nur doppelte Anführungszeichen sind erlaubt.

3. Schlüssel ohne Anführungszeichen

{ a: 1 }  // ❌
{ "a": 1 }  // ✅

4. undefined serialisieren

JSON.stringify({ a: undefined })  // → '{}'

undefined existiert in JSON nicht.

5. Zirkuläre Referenzen

const a = {}; a.self = a;
JSON.stringify(a);  // ❌ wirft Fehler

JSON kann keine zirkulären Strukturen darstellen.

Welche Einrückung?

  • 2 Leerzeichen — kompakt, ideal für tief verschachtelte Daten
  • 4 Leerzeichen — besser lesbar
  • Tab — persönliche Präferenz

Es gibt keine richtige Antwort. Wichtig ist Konsistenz.

Validieren ≠ Formatieren

Validieren fragt: „Ist das gültiges JSON?”. Formatieren verschönert.

Gute Werkzeuge beherrschen beides.

Probiere unser Werkzeug

Unser JSON-Formatierer & Validator bietet:

  • Echtzeit-Validierung + klare Fehlermeldungen mit Zeilennummer
  • 3 Einrückungsoptionen
  • Optionale alphabetische Schlüssel-Sortierung
  • Ein-Klick-Minifizierung
  • 100 % im Browser — deine Daten verlassen dein Gerät nicht
Zurück zum Blog