raatools/

JSON-Formatter

JSON einfügen und sofort formatieren, verschönern oder minifizieren.

Was ist ein JSON-Formatierer?

Ein JSON-Formatierer macht unformatiertes oder komprimiertes JSON lesbar, indem er Einrueckung, Zeilenumbrueche und Syntaxhervorhebung hinzufuegt. Er kann auch JSON validieren und Syntaxfehler anzeigen.

JSON (JavaScript Object Notation) ist das dominierende Datenaustauschformat im Web. APIs, Konfigurationsdateien und Datenbanken verwenden JSON. Lesbares JSON ist entscheidend fuer Debugging und Entwicklung.

JSON-Syntax

JSON unterstuetzt sechs Datentypen: Strings (in Anfuehrungszeichen), Zahlen, Booleans (true/false), null, Arrays (geordnete Listen in eckigen Klammern) und Objekte (Schluessel-Wert-Paare in geschweiften Klammern).

Was dieses Tool kann

  • Formatieren/Einruecken — komprimiertes JSON in lesbares Format mit 2 oder 4 Leerzeichen Einrueckung umwandeln.
  • Komprimieren/Minimieren — Leerzeichen und Zeilenumbrueche entfernen fuer kleinere Uebertragungsgroesse.
  • Validieren — Syntaxfehler erkennen und die genaue Position des Fehlers anzeigen.

Haeufige JSON-Fehler

  • Einfache Anfuehrungszeichen statt doppelter — JSON erfordert ausschliesslich doppelte Anfuehrungszeichen fuer Strings und Schluessel.
  • Trailing Comma — ein Komma nach dem letzten Element eines Arrays oder Objekts ist in JSON nicht erlaubt.
  • Nicht-angefuehrte Schluessel — alle Objektschluessel muessen in doppelten Anfuehrungszeichen stehen.
  • Kommentare — JSON unterstuetzt keine Kommentare. Verwenden Sie JSON5 oder JSONC, wenn Sie Kommentare benoetigen.
  • Undefined und NaN — diese JavaScript-Werte sind in JSON nicht erlaubt. Verwenden Sie null stattdessen.

Tipps fuer die Arbeit mit JSON

Verwenden Sie JSON.parse() und JSON.stringify() in JavaScript. stringify() akzeptiert einen Replacer und einen Einrueckungsparameter: JSON.stringify(obj, null, 2) fuer huebsche Ausgabe.

Fuer grosse JSON-Dateien (mehrere MB) verwenden Sie Streaming-Parser statt den gesamten String in den Speicher zu laden. In Node.js: JSONStream oder stream-json.

JSON vs. andere Formate

YAML ist lesbarer, aber fehleranfaelliger (Einrueckung ist bedeutsam). XML ist ausfuehrlicher, aber hat Schemata und Namespaces. TOML ist gut fuer Konfigurationsdateien. Fuer APIs ist JSON der klare Standard.

JSON-Sicherheit

Verwenden Sie immer JSON.parse() statt eval() zum Parsen von JSON — eval() fuehrt beliebigen Code aus und ist ein schweres Sicherheitsrisiko. Validieren und bereinigen Sie JSON-Eingaben von nicht vertrauenswuerdigen Quellen.

Haeufig gestellte Fragen

Was ist der Unterschied zwischen JSON und einem JavaScript-Objekt?

JSON ist ein String-Format fuer Datenaustausch. JavaScript-Objekte sind Laufzeit-Datenstrukturen. JSON ist strenger: nur doppelte Anfuehrungszeichen, keine Funktionen, keine undefined-Werte, keine Trailing Commas.

Wie gross kann eine JSON-Datei sein?

JSON hat keine Groessenbeschraenkung im Format selbst. Praktische Limits haengen vom Parser ab: Browser-JSON.parse() funktioniert gut bis zu einigen hundert MB. Fuer groessere Dateien verwenden Sie Streaming-Parser.