JSON Formatter

Den JSON-Formatter verwenden

1. JSON einfügen oder eingeben in das große Monospace-Textfeld mit der Beschriftung "Paste your JSON here...". Das Feld akzeptiert API-Antworten, Log-Payloads, Konfigurationsdateien oder einen einzelnen Wert wie 42 oder "hello".
2. Einrückung wählen aus dem Dropdown rechts: 2 Leerzeichen (der Community-Standard, genutzt von npm, Prettier und den meisten REST-APIs) oder 4 Leerzeichen (häufiger in Python und manchen Enterprise-Java-Shops).
3. Format klicken, um mit Zeilenumbrüchen und Einrückungen zu verschönern, oder Minimieren, um alles in eine Zeile zu kollabieren und unbedeutende Leerzeichen zu entfernen.
4. Fehler lesen, falls welche erscheinen. Ungültige Eingaben zeigen den genauen SyntaxError der Engine, inklusive der Zeichenposition, damit du zum problematischen Token springen kannst.
5. Ausgabe kopieren mit der Kopier-Schaltfläche oben rechts im Ausgabefeld, oder den gerenderten <pre>-Block manuell für teilweise Kopien auswählen.

Was der Formatter im Hintergrund macht

Der Formatter ist ein schlanker, ehrlicher Wrapper um zwei eingebaute JavaScript-Methoden: JSON.parse(input), gefolgt von JSON.stringify(parsed, null, indent). Wenn du auf Format klickst, durchläuft der Parser den String mit den Regeln aus ECMA-404 und RFC 8259 und lehnt alles ab, was außerhalb der JSON-Grammatik liegt. Der resultierende In-Memory-Baum (Objekte, Arrays, Strings, Zahlen, Boolesche Werte und null) wird dann mit dem Einrückungsargument auf 2 oder 4 Leerzeichen gesetzt zurückserializiert, was die Zeilenumbruch-pro-Schlüssel-Ausgabe der Standardbibliothek auslöst.

Minimieren ruft JSON.stringify(parsed) ohne Einrückungsargument auf und erzeugt die kompakteste kanonische Form, die die Spezifikation erlaubt. Da beide Pfade durch einen vollständigen Parse gehen, ist eine erfolgreiche Ausgabe auch ein Gültigkeitszertifikat für JSON: fehlerhafte Eingaben können nicht verschönert werden. Die gesamte Pipeline wird auf der JavaScript-Engine des geöffneten Tabs ausgeführt (V8 in Chrome und Edge, SpiderMonkey in Firefox, JavaScriptCore in Safari), sodass keine Netzwerkanfrage zum Formatierungszeitpunkt erfolgt und kein Server deine Payload sieht.

Wann dieses Werkzeug sich lohnt

• Einen minimierten Webhook-Body untersuchen, der aus einem Proxy wie Charles, mitmproxy oder einem Cloudflare-Request-Log kopiert wurde.
• Eine kompakte package.json, tsconfig.json oder ein OpenAPI-Dokument bereinigen, bevor es committed wird.
• Einen großen Konfigurationsblob verkleinern, bevor er in eine Umgebungsvariable oder einen Query-String eingebettet wird.
• Prüfen, ob ein handgeschriebenes JSON-Fixture parst, bevor es in eine Test-Suite geliefert wird.
• Eine verschachtelte GraphQL-Antwort einem Teamkollegen in einem Call erklären, wo lesbare Einrückung wichtiger ist als Dateigröße.
• Sanity-Check, ob ein Backend, das behauptet, JSON auszugeben, nicht heimlich JSONP oder JSON5 produziert.

Typische Fallstricke und Sonderfälle

• Abschließende Kommas wie {"a":1,} sind in JavaScript-Objekt-Literalen und JSON5 legal, aber in striktem JSON illegal. Der Parser lehnt sie mit einem SyntaxError ab.
• Kommentare (// oder /* */) sind in RFC 8259 nie erlaubt. Entferne sie vor dem Einfügen, wenn deine Quelle eine JSONC-Datei wie tsconfig.json ist.
• Einfache Anführungszeichen um Schlüssel oder Strings sind ungültig; nur doppelte Anführungszeichen werden akzeptiert. Python-repr()-Ausgaben treffen dieses Problem oft.
• Nicht in Anführungszeichen gesetzte Schlüssel wie {name:"Ada"} parsen in JS, aber nicht in JSON. Jeden Schlüssel in Anführungszeichen setzen.
• NaN, Infinity und undefined sind keine JSON-Werte; JSON.parse wirft bei ihnen Fehler, obwohl sie gültiges JavaScript sind.
• Große Zahlen jenseits von Number.MAX_SAFE_INTEGER (2^53 - 1) verlieren beim Parsen an Präzision. Für Order-IDs oder Blockchain-Beträge als Strings behalten.

JSON kompakt: RFC 8259 und ECMA-404

JSON (JavaScript Object Notation) wurde Anfang der 2000er Jahre von Douglas Crockford eingeführt und zweimal standardisiert: einmal von ECMA International als ECMA-404 und einmal von der IETF als RFC 8259 (das die älteren RFCs 4627 und 7159 ersetzt). Die Grammatik ist bewusst klein: Ein Wert ist ein Objekt, Array, String, eine Zahl, ein Boolescher Wert oder null, wobei Leerzeichen außerhalb eines Tokens erlaubt sind. RFC 8259 schreibt UTF-8 für den Netzwerkverkehr vor, weshalb Server, die UTF-16- oder Latin-1-JSON ausgeben, Clients kaputt machen. Ein wohlgeformtes JSON-Dokument ist ein einzelner Wert, sodass ein blankes [1,2,3] auf der obersten Ebene gültig ist, nicht nur in einem Objekt verpackt. Kommentare, abschließende Kommas und Hexadezimalzahlen sind absichtlich ausgeschlossen; die Einfachheit ist das Feature.

Alternativen und wann sie besser sind

Kommandozeilen-jq ist besser, wenn du JSON abfragen oder transformieren musst, nicht nur Leerzeichen umformen: Es verarbeitet Streaming über Gigabytes und hat eine echte Abfragesprache. Pythons python -m json.tool ist in einer Terminal-Pipeline praktisch und auf den meisten Unix-Systemen bereits installiert. IDE-Plugins wie Prettier, VS Codes eingebautes Format-Dokument oder das JSON-Werkzeugfenster von JetBrains formatieren direkt ohne Copy-Paste. Ein Browser-Formatter wie dieser gewinnt, wenn du einen einzelnen Blob in der Zwischenablage hast, keine Shell offen ist und du keine sensiblen Daten in einen Remote-Dienst wie jsonformatter.org oder online-json.com einfügen möchtest. Für alles, was größer als etwa 20 MB ist, wechsle zu einem Streaming-Parser wie jq, simdjson oder dem stream-json-Paket für Node, da der einmalige JSON.parse den gesamten geparsten Baum im Tab-Speicher hält.