Gültiges, minifiziertes JSON: der Workflow, den Entwickler wirklich nutzen

Jeder hat schon mal einen Nachmittag wegen eines überzähligen Kommas in einem JSON verloren. Die Lösung ist nicht "sei vorsichtiger", sondern die Validierung bei jedem Schritt zu automatisieren: im Editor (Pre-Commit-Hooks), in der CI und — wenn gerade nichts anderes zur Hand ist — in einem Online-Formatter, der schon beim Tippen validiert.

Der typische Ablauf

1. Füge die API-Antwort in den JSON-Formatierer ein.
2. Klicke auf "Validieren": er sagt dir, ob das Dokument korrekt ist, und wenn nicht, die exakte Zeile und Spalte des Fehlers.
3. Mit "Formatieren" ordnest du es mit 2 oder 4 Leerzeichen ein.
4. Wenn du etwas in eine produktive .json-Datei hochlädst, nutze "Minifizieren", um Leerzeichen zu entfernen und Bytes zu sparen.

Minifizieren: wie viel Gewicht du sparst

Leerzeichen, Tabs und Zeilenumbrüche machen meist 15–30 % des Gewichts einer JSON-Datei aus. Der Formatierer zeigt dir die gesparten Bytes bei jeder Minifizierung. Für noch mehr kombinierst du die Minifizierung mit kurzen Schlüsselnamen ohne aufgeblähtes CamelCase.

Häufige Fehler und wie sie aussehen

• Komma nach dem letzten Element — der Klassiker im Git-Diff.
• Doppelte Anführungszeichen – JSON akzeptiert keine einfachen; Fehler Nr. 2.
• Zahlen mit führenden Nullen – 01 ist kein gültiges JSON.
• Nachgestellter Dezimalpunkt – 1. ebenfalls nicht.

JSON ↔ CSV ↔ YAML

Im selben Editor kannst du auch in beide Richtungen konvertieren: JSON zu CSV (Array von Objekten → Tabelle) und JSON zu YAML (für Docker-Compose-, Ansible- oder Kubernetes-Konfigurationen). Jedes Tool respektiert die Zielsyntax und warnt dich, wenn etwas nicht konvertierbar ist.

Wenn das JSON groß ist: Baumansicht, Schema und Typen

Ein verschachteltes JSON mit mehreren hundert Zeilen ist als reiner Text schwer zu lesen. Die Baumansicht stellt es als einklappbare Struktur dar, sodass du direkt zum gesuchten Schlüssel springen kannst, ohne endlos zu scrollen.

Wenn das JSON die Antwort einer API ist, die du in TypeScript konsumierst, schreib den Typ nicht von Hand: füge das JSON in den TypeScript-Konverter ein und lass die interface automatisch generieren, mit aufgelösten verschachtelten Typen. Und wenn du die Form des Dokuments dokumentieren oder validieren musst (etwa für einen API-Vertrag), erzeugt der JSON-Schema-Generator das $schema aus einem echten Beispiel.

Die goldene Regel: validieren vor dem Speichern, minifizieren vor der Veröffentlichung.