# Was ist JSON? Vollständiger Leitfaden für Anfänger

JSON (JavaScript Object Notation) ist das beliebteste und am weitesten verbreitete Datenaustauschformat der modernen Webentwicklung.

Definition von JSON

JSON ist ein leichtgewichtiges, textbasiertes Datenaustauschformat, das für Menschen leicht zu lesen und zu schreiben und für Computer einfach zu analysieren und zu generieren ist.

Hauptmerkmale

Leichtgewichtig - Kompakter als XML und andere Formate
Textbasiert - Von allen Programmen und Editoren lesbar
Sprachunabhängig - In allen modernen Programmiersprachen verwendbar
Strukturiert - Klare Hierarchie durch Schlüssel-Wert-Paare
Standardisiert - Definiert durch RFC 8259 und ECMA-404

Geschichte von JSON

JSON wurde ursprünglich von Douglas Crockford um das Jahr 2000 spezifiziert. Der Name "JavaScript Object Notation" kommt daher, dass die Syntax auf der JavaScript-Objektnotation basiert.

Wichtige Meilensteine

2001 - Erste Verwendung von JSON
2006 - RFC 4627 veröffentlicht
2013 - ECMA-404 Standard
2017 - RFC 8259 (aktueller Standard)

JSON-Syntax

JSON basiert auf zwei grundlegenden Strukturen:

Regel 1: Schlüssel sind immer in doppelten Anführungszeichen

{
  "name": "Max Mustermann",
  "alter": 30
}

Regel 2: String-Werte sind in doppelten Anführungszeichen

{
  "stadt": "Berlin",
  "land": "Deutschland"
}

Regel 3: Zahlen ohne Anführungszeichen

{
  "alter": 30,
  "punktzahl": 95.5,
  "temperatur": -10
}

Regel 4: Boolesche Werte

{
  "aktiv": true,
  "verifiziert": false
}

Regel 5: Arrays mit eckigen Klammern

{
  "farben": ["rot", "grün", "blau"],
  "zahlen": [1, 2, 3, 4, 5]
}

JSON-Datentypen

JSON unterstützt sechs grundlegende Datentypen:

1. String (Zeichenkette)

Strings müssen in doppelten Anführungszeichen stehen.

{ "vorname": "Max", "nachname": "Mustermann", "stadt": "München", "beschreibung": "Dies ist ein längerer Text mit Umlauten: äöü"

}

2. Number (Zahl)

Zahlen können ganze Zahlen oder Dezimalzahlen sein, positiv oder negativ.

{ "alter": 30, "temperatur": -5.5, "punktzahl": 98.6, "anzahl": 1000000, "wissenschaftlich": 1.23e10

}

3. Boolean (Wahrheitswert)

Nur zwei Werte: true oder false (kleingeschrieben).

{ "aktiv": true, "geloescht": false, "verifiziert": true, "gesperrt": false

}

4. Null (Nullwert)

Repräsentiert einen leeren oder nicht vorhandenen Wert.

{
  "zweitname": null,
  "telefon": null,
  "firma": null
}

5. Array (Liste)

Eine geordnete Liste von Werten beliebigen Typs.

{
  "farben": ["rot", "blau", "grün"],
  "zahlen": [1, 2, 3, 4, 5],
  "gemischt": [1, "text", true, null],
  "verschachtelt": [
    [1, 2],
    [3, 4]
  ]
}

6. Object (Objekt)

Eine Sammlung von Schlüssel-Wert-Paaren.

{
  "person": {
    "name": "Max Mustermann",
    "alter": 30,
    "adresse": {
      "straße": "Hauptstraße 1",
      "stadt": "Berlin",
      "plz": "10115"
    }
  }
}

Praktische Beispiele

Beispiel 1: Benutzerprofil

{ "benutzerId": 12345, "vorname": "Anna", "nachname": "Schmidt", "email": "anna.schmidt@example.de", "geburtsdatum": "1995-03-15", "alter": 31, "aktiv": true, "rollen": ["benutzer", "moderator"], "einstellungen": { "sprache": "de", "benachrichtigungen": true, "theme": "dunkel" }, "letzterLogin": "2026-01-26T10:30:00Z"

}

Beispiel 2: Produktkatalog

{ "produkte": [ { "id": 1, "name": "Laptop", "kategorie": "Elektronik", "preis": 899.99, "waehrung": "EUR", "verfuegbar": true, "lagerbestand": 45, "eigenschaften": { "marke": "TechBrand", "prozessor": "Intel i7", "ram": "16GB", "festplatte": "512GB SSD" }, "tags": ["computer", "business", "produktiv"] }, { "id": 2, "name": "Maus", "kategorie": "Zubehör", "preis": 29.99, "waehrung": "EUR", "verfuegbar": true, "lagerbestand": 150 } ]

}

Beispiel 3: API-Antwort

{
  "status": "erfolg",
  "zeitstempel": "2026-01-26T12:00:00Z",
  "daten": {
    "benutzer": [
      {
        "id": 1,
        "name": "Max Mustermann",
        "email": "max@example.de"
      },
      {
        "id": 2,
        "name": "Anna Schmidt",
        "email": "anna@example.de"
      }
    ],
    "gesamt": 2,
    "seite": 1,
    "proSeite": 10
  },
  "fehler": null
}

Vorteile von JSON

1. Einfachheit

JSON ist extrem einfach zu lesen und zu verstehen. Die Syntax ist minimal und intuitiv.

2. Sprachunabhängigkeit

Obwohl JSON von JavaScript stammt, wird es von praktisch allen modernen Programmiersprachen unterstützt:

JavaScript/TypeScript
Python
Java
C#
PHP
Ruby
Go
Rust
Swift

3. Leichtgewichtig

JSON-Dateien sind kompakt und haben weniger Overhead als XML oder andere Formate.

4. Schnelles Parsen

Die meisten Programmiersprachen können JSON sehr schnell analysieren und generieren.

5. Menschenlesbar

Im Gegensatz zu Binärformaten kann JSON direkt in einem Texteditor gelesen und bearbeitet werden.

JSON in Programmiersprachen

JavaScript/TypeScript

// JSON-String in Objekt umwandeln
const jsonString = '{"name": "Max", "alter": 30}';
const objekt = JSON.parse(jsonString);
console.log(objekt.name); // "Max"

// Objekt in JSON-String umwandeln
const daten = { name: "Anna", alter: 25 };
const json = JSON.stringify(daten);
console.log(json); // '{"name":"Anna","alter":25}'

// Mit Formatierung (pretty print)
const formatiert = JSON.stringify(daten, null, 2);

Python

import json

# JSON-String in Dictionary umwandeln
json_string = '{"name": "Max", "alter": 30}'
daten = json.loads(json_string)
print(daten['name'])  # "Max"

# Dictionary in JSON-String umwandeln
daten = {"name": "Anna", "alter": 25}
json_string = json.dumps(daten)
print(json_string)  # '{"name": "Anna", "alter": 25}'

# Mit Formatierung
formatiert = json.dumps(daten, indent=2, ensure_ascii=False)

Java

import com.google.gson.Gson;

// JSON zu Objekt
Gson gson = new Gson();
String json = "{"name":"Max","alter":30}";
Person person = gson.fromJson(json, Person.class);

// Objekt zu JSON
Person person = new Person("Anna", 25);
String json = gson.toJson(person);

Reale Anwendungsfälle

1. Web-APIs (RESTful Services)

Die meisten modernen Web-APIs verwenden JSON für die Datenübertragung.

// GET /api/benutzer/123 Antwort { "id": 123, "name": "Max Mustermann", "email": "max@example.de", "registriert": "2024-01-15"

}

2. Konfigurationsdateien

Viele Tools verwenden JSON für Konfiguration:

package.json (Node.js)
tsconfig.json (TypeScript)
composer.json (PHP)
manifest.json (Browser-Erweiterungen)

3. NoSQL-Datenbanken

Datenbanken wie MongoDB speichern Daten in JSON-ähnlichen Formaten (BSON).

4. Datenaustausch

JSON ist ideal für den Austausch von Daten zwischen verschiedenen Systemen und Plattformen.

Best Practices

1. Konsistente Namenskonvention

// Gut - camelCase durchgehend { "vorname": "Max", "nachname": "Mustermann", "emailAdresse": "max@example.de" } // Auch gut - snake_case durchgehend { "vorname": "Max", "nachname": "Mustermann", "email_adresse": "max@example.de"

}

2. Aussagekräftige Schlüsselnamen

// Gut
{
  "benutzerId": 123,
  "vorname": "Max",
  "erstellungsDatum": "2024-01-15"
}

// Schlecht
{
  "id": 123,
  "n": "Max",
  "d": "2024-01-15"
}

3. Verschachtelung sinnvoll nutzen

// Gut strukturiert
{
  "benutzer": {
    "profil": {
      "name": "Max",
      "alter": 30
    },
    "kontakt": {
      "email": "max@example.de",
      "telefon": "+49123456789"
    }
  }
}

4. Arrays für Listen verwenden

{
  "benutzer": [
    {"id": 1, "name": "Max"},
    {"id": 2, "name": "Anna"}
  ]
}

5. ISO 8601 für Datum/Zeit

{
  "erstellungsDatum": "2026-01-26",
  "zeitstempel": "2026-01-26T12:00:00Z"
}

Häufige Fehler vermeiden

1. Trailing Commas

// Falsch - Komma am Ende
{
  "name": "Max",
  "alter": 30,
}

// Richtig
{
  "name": "Max",
  "alter": 30
}

2. Einfache Anführungszeichen

// Falsch
{'name': 'Max'}

// Richtig
{"name": "Max"}

3. Kommentare

JSON unterstützt keine Kommentare. Verwenden Sie stattdessen ein Feld:

{
  "_kommentar": "Dies ist keine echte Kommentarfunktion",
  "name": "Max"
}

JSON-Validierung

Stellen Sie sicher, dass Ihr JSON gültig ist:

Online-Tools

JSONLint
JSON Formatter & Validator
Big JSON (unser Tool!)

In Code

try {
  JSON.parse(jsonString);
  console.log("Gültiges JSON");
} catch (error) {
  console.error("Ungültiges JSON:", error.message);
}

Zusammenfassung

JSON ist ein unverzichtbares Werkzeug in der modernen Softwareentwicklung:

✅ Einfach - Leicht zu lernen und zu verwenden

✅ Universell - In allen Programmiersprachen unterstützt

✅ Effizient - Schnelles Parsen und kleine Dateigröße

✅ Flexibel - Unterstützt komplexe Datenstrukturen

✅ Standard - De-facto-Standard für Web-APIs

Mit diesem Wissen können Sie JSON in Ihren Projekten effektiv einsetzen!

Big JSON Team