Was ist JSON? Eine Einsteiger-Anleitung zum Datenformat des Webs

Jedes Mal, wenn eine App lädt, ein Formular abgeschickt wird oder eine Seite mit einer Chat-Nachricht aktualisiert wird, bewegt sich im Hintergrund fast sicher JSON. Es ist das Standard-Datenformat des Webs, und wer es lesen kann, für den löst sich ein Großteil des Rätsels um APIs und Konfigurationsdateien auf.

Diese Anleitung erklärt, was JSON ist, die kleine Menge an Regeln, die es definieren, und wie Sie mit einem Formatierer JSON wie ein Profi validieren, verschönern und minifizieren.

Was JSON ist

JSON steht für JavaScript Object Notation. Es ist ein Textformat für Daten, in den frühen 2000er Jahren standardisiert und heute praktisch in jeder Sprache und auf jeder Plattform genutzt.

Die entscheidende Einsicht: JSON ist nur Text — eine Zeichenkette, die Sie kopieren, in eine Datei einfügen, per E-Mail verschicken oder über ein Netzwerk senden können. Es trägt keinerlei Programmlogik, nur Daten. Genau das macht es so portabel. Ein JSON-Dokument, das ein PHP-Server erzeugt, wird von einem JavaScript-Frontend gelesen und in einer Python-Datenbank gespeichert, ohne dass irgendjemand etwas übersetzen muss.

Die sechs JSON-Typen

Ein JSON-Dokument besteht aus nur sechs Bausteinen:

Objekt — { "name": "Alice", "age": 30 } — eine ungeordnete Menge von Schlüssel: Wert-Paaren in geschweiften Klammern.
Array — ["a", "b", "c"] — eine geordnete Werteliste in eckigen Klammern.
Zeichenkette — "hallo" — Text in doppelten Anführungszeichen.
Zahl — 42, 3.14 — eine Ganzzahl oder Dezimalzahl, ohne Anführungszeichen.
Boolescher Wert — true oder false.
Null — null — ein Wert, der „nichts“ bedeutet.

Objekte und Arrays sind die Behälter, die anderen vier die Blätter. Jeder Wert kann in einem Objekt oder Array liegen, und so bauen Sie verschachtelte Strukturen wie eine API-Antwort, die eine Nutzerliste enthält, wobei jeder Nutzer ein eigenes Adressobjekt hat.

Warum JSON XML ablöste

Vor JSON war das gängige Format für strukturierte Daten XML. XML ist mächtig, aber geschwätzig: Jedes Datenelement braucht ein öffnendes und ein schließendes Tag. Ein einzelner Wert, der in JSON wie "age": 30 aussieht, wird zu mehreren Zeilen <age>30</age>.

JSON ersetzte das durch eine weit kompaktere Syntax und hat noch eine zweite Superkraft: Es bildet fast eins zu eins die Objekte und Arrays ab, die JavaScript nativ verwendet. Ein JavaScript-Entwickler kann JSON lesen und die Datenstruktur sofort erfassen, ohne jede Umwandlung. Diese Kombination aus Kürze und Vertrautheit ist der Grund, warum JSON zum Standard wurde.

JSON formatieren, validieren und minifizieren

Weil JSON in einer einzigen langen Zeile geschrieben sein kann, ist es oft schwer zu lesen. Drei Operationen helfen:

Formatieren (verschönern) fügt Einrückung und Zeilenumbrüche hinzu, sodass die Verschachtelung offensichtlich wird. Ist eine Payload sieben Ebenen tief, kann allein das Formatieren sie lesbar machen.
Validieren prüft, ob der Text wohlgeformt ist. Der häufigste Fehler ist ein Komma am Ende oder eine fehlende schließende Klammer — Fehler, die ein Browser an manchen Stellen stillschweigend akzeptiert, an anderen aber Ihren Code brechen.
Minifizieren entfernt alle unnötigen Leerzeichen und erzeugt die kleinstmögliche Payload für die Produktion. Das wollen Sie, wenn JSON über ein Netzwerk geht.

Ein guter Formatierer bietet alle drei in einem Werkzeug. Er sollte Ihnen sagen, wo ein Fehler liegt, damit Sie nicht durch eine Wand aus Klammern suchen müssen.

Häufige Stolperfallen

JSON ist in einer Weise streng, in der JavaScript es nicht ist, und genau diese Strenge ist die übliche Fehlerquelle:

Nur doppelte Anführungszeichen. { name: "Alice" } ist ungültig, es muss { "name": "Alice" } heißen. JavaScript erlaubt einfache Anführungszeichen und nackte Schlüssel, JSON nicht.
Keine Kommas am Ende. [1, 2, 3,] ist in JSON ungültig.
Zahlen ohne Anführungszeichen, Zeichenketten immer mit. 30 ist eine Zahl, "30" eine Zeichenkette.
Keine Kommentare. Sie können kein // oder /* */ in ein JSON-Dokument schreiben.

Wenn Ihre JSON-Validierung immer wieder scheitert, prüfen Sie zuerst diese vier Punkte.

Kurzreferenz

JSON ist reiner Text — ein portabler String ohne Programmlogik, in jeder Sprache lesbar.
Sechs Bausteine: Objekt, Array, Zeichenkette, Zahl, Boolescher Wert, Null. Objekte und Arrays sind die Behälter, die anderen vier die Blätter.
JSON ist streng, wo JavaScript locker ist: nur doppelte Anführungszeichen, keine Kommas am Ende, Zahlen ohne Anführungszeichen, Zeichenketten immer mit, keine Kommentare.
Formatieren schafft Struktur, Validieren findet fehlerhaften Text, Minifizieren erzeugt die kleinste Produktions-Payload.
JSON schlug XML, weil es kompakt ist und fast eins zu eins auf JavaScript-Objekte und -Arrays passt.

Erste Schritte

Wenn Sie vor einem JSON-Klumpen aus einer API sitzen, ist der JSON-Formatierer der schnellste Weg zur Klarheit: einfügen, validieren, formatieren und eine saubere Version kopieren. Und wenn eine Payload als verstümmelter Base64-String erscheint, kann das Base64-Tool sie zuerst zurück in lesbares JSON dekodieren.