Was ist JSON-Formatierung?
JSON (JavaScript Object Notation) ist ein leichtgewichtiges, textbasiertes Datenaustauschformat, definiert durch RFC 8259 und ECMA-404. Ein JSON-Dokument ist ein Baum aus sechs Werttypen — object, array, string, number, boolean und null. Formatieren fügt Leerzeichen hinzu, damit Menschen diesen Baum lesen können; Minimieren entfernt die Leerzeichen, damit Maschinen ihn schneller über die Leitung schicken können.
Wie funktioniert die JSON-Formatierung?
Deine Eingabe wird vollständig in deinem Browser verarbeitet, und zwar mit den eingebauten Funktionen JSON.parse und JSON.stringify. Die wichtigsten Schritte sind:
- Die Eingabe wird aus dem Textfeld gelesen und führende und nachfolgende Leerzeichen werden entfernt.
- Der Browser parst sie mit
JSON.parse. Wenn die Eingabe kein gültiges JSON ist, wirft der Parser einenSyntaxError, der abgefangen und mit Zeile und Spalte angezeigt wird, an der er gestoppt hat. - Wenn die Eingabe gültig ist, wird der geparste Wert mit
JSON.stringify(value, null, indent)wieder ausgegeben, wobeiindentdie von dir gewählte Einrückung ist (2 Leerzeichen, 4 Leerzeichen oder ein Tabulatorzeichen). - Zum Minimieren wird
JSON.stringify(value)ohne Einrückungsargument aufgerufen, was die kürzeste gültige Form desselben Wertes ohne überflüssige Leerzeichen erzeugt. - Die Ausgabe wird in das schreibgeschützte Textfeld geschrieben, und ein Statusbereich meldet entweder Gültiges JSON oder den exakten Parse-Fehler, damit du die Quelle korrigieren kannst.
Warum JSON mit diesem Tool formatieren?
- Datenschutz: Jeder Parse-, Format- und Minimierungslauf passiert in deinem Browser. Das JSON erreicht unsere Server nicht.
- Sofortige Validierung: Falsch gesetzte Kommas, nicht gequotete Schlüssel, einfache Anführungszeichen und nachgestellte Kommas werden mit einer präzisen Zeilen- und Spaltenangabe gemeldet, sodass du direkt zum Bug springen kannst.
- Review-fertige Ausgabe: Hübsch ausgegebenes JSON mit konsistenter Einrückung erzeugt saubere Code-Review-Diffs und gut lesbare Konfigurationsdateien.
- Produktionsreife Minimierung: Das Entfernen überflüssiger Leerzeichen verringert API-Nutzlasten, Manifestdateien und eingebettete Fixtures vor der Auslieferung.
Was sind häufige Anwendungen der JSON-Formatierung?
Das Lesen und Schreiben von JSON taucht in der Webentwicklung und im Tooling überall auf:
- API-Debugging: Eine rohe Antwort aus
curloder dem Netzwerk-Panel einfügen, um die Form zu prüfen, einen Tippfehler in einem Schlüssel zu finden oder eine fehlende geschlossene Klammer zu entdecken. - Konfigurationen aufräumen: Handschriftliche
package.json,tsconfig.jsonoder CI-Manifeste neu einrücken, damit sie Review und Linter bestehen. - Logs lesen: Kompakte
application/json-Logzeilen neu formatieren, sodass jedes Feld unter dem nächsten ausgerichtet ist, und anschließend wieder minimieren, bevor man sie in ein Ticket einfügt.
Wie sieht ein Beispiel für JSON-Formatierung aus?
Wenn du {"id":42,"name":"Ada Lovelace","email":"ada@example.com","roles":["admin","engineer"]} einfügst und auf FORMATIEREN mit 2-Leerzeichen-Einrückung drückst, wird das Ganze auf neun Zeilen aufgeklappt, wobei jedes Objektfeld und jeder Array-Eintrag in einer eigenen Zeile steht. Drückst du auf MINIMIEREN, wird der formatierte Text Byte für Byte zur gleichen kompakten Zeichenkette zusammengeschoben.
Dieser JSON-Formatierer parst mit derselben Engine, die deine Node.js-, Deno- oder Browser-Laufzeit verwendet, und gibt eine Ausgabe aus, die du direkt in Code, Konfigurationen oder Logs einfügen kannst.