📋 Part 4 - JSON: JavaScript Object Notation

💡 JSON ist DAS Standard-Format für Daten im Web!
Alle APIs (auch deine FastAPI!) geben JSON zurück.

1️⃣ JSON Format verstehen

{ "name": "Max Mustermann", "age": 28, "isStudent": false, "courses": ["React", "Python", "JavaScript"], "address": { "city": "Berlin", "zip": "10115" } }

✅ Schlüssel MÜSSEN in "Quotes" sein
✅ Erlaubte Typen: String, Number, Boolean, null, Array, Object
❌ Keine trailing commas!

2️⃣ JSON.parse() - String → Object

JSON String zu JavaScript-Objekt umwandeln

3️⃣ JSON.stringify() - Object → String

JavaScript-Objekt zu JSON String umwandeln

4️⃣ Fehlerhafte JSON erkennen

Was passiert wenn JSON nicht korrekt ist?

5️⃣ JSON mit Fetch (API-Daten)

So funktioniert's in echten APIs

📊 JSON vs JavaScript Object

JSON (Text)


"name": "Max",
"age": 28,
"email": "max@mail.de"

📄 Nur Text (String)
✅ Für APIs
✅ Für Speicherung

JavaScript Object


{
  name: "Max",
  age: 28,
  email: "max@mail.de"
}

🔧 Lebendiges Objekt
✅ Zum Programmieren
✅ Mit Methoden

📋 Ausgabe:

Klick auf einen Button um zu starten...