JSON Formatter

Was macht dieser Formatter?

Der JSON Formatter nimmt einen beliebigen JSON-String — ob kompakt auf einer Zeile oder unübersichtlich verschachtelt — und gibt ihn mit konsistenter 2-Space-Einrückung zurück. Dabei validiert er gleichzeitig die Syntax: Fehlt ein Komma, steht ein Trailing Comma oder fehlen Anführungszeichen, meldet das Tool die Fehlerstelle mit Beschreibung.

Standard-JSON nach RFC 8259 ist das Eingabeformat. Objekte, Arrays, Strings, Zahlen, Booleans und null sind als Root-Element erlaubt. Leerer Input wird mit einer klaren Meldung abgewiesen — kein stilles Scheitern.

Warum JSON formatieren?

Roher JSON-Code aus APIs, Logs oder Konfigurationsdateien ist oft auf eine einzige Zeile komprimiert. Das spart Bytes, macht den Inhalt aber für Menschen unlesbar. Ein Formatter löst verschachtelte Strukturen visuell auf:

• Debugging: Fehlerhafte API-Responses werden auf einen Blick erkennbar, statt in einer Zeichenkette nach fehlenden Klammern zu suchen.
• Code-Reviews: Formatierter JSON in Pull-Requests zeigt Datenstrukturen klar — Reviewer erkennen Schema-Änderungen sofort.
• Dokumentation: Beispiel-Payloads in Wikis und READMEs profitieren von lesbarer Einrückung.
• Validierung: Syntaxfehler werden beim Formatieren automatisch erkannt. Kein separater Linter nötig.

What Are the Differences Between JSON, JSON5, and JSONC?

Entwickler stolpern regelmäßig über Varianten des JSON-Formats, die sich in Details unterscheiden:

Merkmal	JSON (RFC 8259)	JSON5	JSONC
Kommentare	Nicht erlaubt	// und /* */	// und /* */
Trailing Commas	Nicht erlaubt	Erlaubt	Erlaubt
Einfache Anführungszeichen	Nicht erlaubt	Erlaubt	Nicht erlaubt
Unzitierte Schlüssel	Nicht erlaubt	Erlaubt	Nicht erlaubt
Hex-Zahlen	Nicht erlaubt	Erlaubt (0xFF)	Nicht erlaubt
Verbreitung	Universal	npm: 65 Mio.+ Downloads/Woche	VS Code, TypeScript

tsconfig.json, .eslintrc, renovate.json — viele Config-Dateien nutzen JSONC-Syntax mit Kommentaren. Ein Standard-JSON-Parser wertet diese als Fehler. Wer regelmäßig mit Config-Dateien arbeitet, braucht ein Tool, das beide Varianten versteht.

Welche typischen Stolperfallen gibt es?

Trailing Commas

{
  "name": "Alice",
  "age": 30,
}

Das letzte Komma nach 30 ist in Standard-JSON ein Syntaxfehler. JSON5 und JSONC tolerieren es — Standard-JSON nicht. Der Formatter meldet die Position klar.

Zahlen jenseits von 2⁵³

JavaScript nutzt IEEE 754 Double-Precision für alle Zahlen. Ab 9.007.199.254.740.992 (2⁵³) gehen Nachkommastellen verloren. Wer JSON mit großen Integer-IDs verarbeitet (z. B. Twitter-Snowflake-IDs), sollte diese als Strings kodieren.

Kommentare im Standard-Modus

// API-Config
{"endpoint": "https://api.example.com"}

Standard-JSON kennt keine Kommentare. Der Formatter lehnt diesen Input ab und erklärt warum — kein kryptischer Fehler, sondern ein klarer Hinweis auf die JSON5-Alternative.

Datenschutz — 100 % im Browser

Der JSON Formatter verarbeitet alles lokal über JSON.parse() und JSON.stringify(). Kein Server empfängt deine Daten, kein Logging speichert sie, kein Tracking analysiert dein Verhalten. Das ist besonders relevant für:

• API-Keys und Secrets: Produktionsdaten gehören nicht auf fremde Server — auch nicht zum Formatieren.
• Personenbezogene Daten: DSGVO-konform, weil keine Verarbeitung auf externen Servern stattfindet.
• Firmen-interne Payloads: Sensible Business-Logik bleibt lokal.

Anders als viele Online-JSON-Formatter, die Google Analytics und Werbe-Tracking einsetzen, setzt dieses Tool auf vollständige Client-Verarbeitung ohne Kompromisse.

Welche Anwendungsbeispiele gibt es?

• API-Response debuggen — Kopiere die kompakte Response aus curl oder Postman, formatiere sie und erkenne die Struktur sofort.
• Config-Dateien prüfen — Validiere package.json, tsconfig.json oder Terraform-Variablen auf Syntaxfehler.
• Log-Analyse — JSON-Zeilen aus Server-Logs lesbar machen, um Fehler schneller zu identifizieren.
• Daten-Migration — Vor dem Import in eine Datenbank sicherstellen, dass das JSON-Schema korrekt ist.
• Payload-Dokumentation — Formatierte Beispiele für API-Dokumentation erstellen.

Häufige Fragen

Die Antworten auf die wichtigsten Fragen findest du oben im FAQ-Block — sie werden als strukturiertes JSON-LD (FAQPage) für Suchmaschinen ausgegeben.

Welche Entwickler-Tools sind verwandt?

Weitere Tools aus dem Konverter-Ökosystem, die zum Thema passen:

• UUID-Generator — Kryptographisch sichere UUIDs (v4 und v7) direkt im Browser erzeugen.
• Passwort-Generator — Zufallspasswörter mit konfigurierbarer Länge und Zeichenpool erstellen.
• HEX-RGB-Konverter — Farbwerte zwischen Hexadezimal- und RGB-Notation umrechnen.