JSON-Tutorial

Was ist JSON?

JSON basiert auf JavaScript-Objekten, ist aber reiner Text und sprachunabhängig.

Gültiges JSON hat genau einen Wert auf oberster Ebene: Objekt {...} oder Array [...].

Grundregeln

Schlüssel und Strings in doppelten Anführungszeichen; \ escaped Sonderzeichen.

Kommas zwischen Elementen, kein trailing comma. Keine Kommentare oder undefined.

Zahlen ohne führende Nullen; true/false kleingeschrieben.

Sechs Datentypen

string, number, boolean, null, object, array:

{
  "name": "Alice",
  "age": 30,
  "active": true,
  "score": null
}

Strings und Escaping

Doppelte Anführungszeichen; UTF-8; Escapes wie \n, \t, \", \\

{
  "message": "Hello\nWorld",
  "quote": "He said \"Hi\"",
  "path": "C:\\Users\\data",
  "emoji": "你好 🎉",
  "unicode": "\u0041"
}

Zahlen, Booleans und null

Ganzzahlen, Dezimal, negativ, wissenschaftlich (1.5e10). null = leerer Wert.

{
  "count": 42,
  "price": 19.99,
  "negative": -1,
  "scientific": 1.5e10,
  "flag": true,
  "disabled": false,
  "empty": null
}

Leere Strukturen

[] leeres Array, {} leeres Objekt, "" leerer String.

{
  "tags": [],
  "meta": {},
  "note": ""
}

Objekte

Schlüssel:Wert-Paare in {}.

{
  "user": {
    "id": 1001,
    "email": "alice@example.com"
  }
}

Arrays

Geordnete Elemente in []; auch als Wurzelwert möglich:

{
  "tags": ["json", "tutorial", "web"],
  "scores": [95, 88, 72]
}

[
  { "id": 1, "name": "Alice" },
  { "id": 2, "name": "Bob" }
]

Verschachtelung

Mehrstufig verschachtelte Objekte und Arrays.

{
  "project": "QyCreate JSON",
  "version": 1,
  "features": ["format", "validate", "minify"],
  "settings": {
    "indent": 2,
    "theme": "light"
  },
  "contributors": [
    { "name": "Alice", "role": "author" },
    { "name": "Bob", "role": "reviewer" }
  ]
}

JSON vs JavaScript

JSON ist Datenformat, kein ausführbarer Code. Keine Kommentare, Funktionen oder undefined.

JSON.parse() / JSON.stringify(); JSON5 ist eine Erweiterung.

Häufige Fehler

Unquotierte Schlüssel, einfache Anführungszeichen, trailing comma:

{
  name: "Alice",
  "items": [1, 2, 3,],
}

{
  "name": "Alice",
  "items": [1, 2, 3]
}

Mit dem Tool üben

JSON einfügen oder Datei bis 4 MB hochladen. Beispiel laden, formatieren und minifizieren—die Einrückung macht verschachtelte Strukturen lesbar.

Fehler mit Zeile/Spalte; Rückgängig/Wiederholen; kopieren oder herunterladen—alles lokal.