JSON-zu-TypeScript-Konverter
Füge ein JSON-Beispiel ein, etwa eine API-Antwort, um passende TypeScript-Interfaces zu erzeugen. Verschachtelte Objekte erhalten eigene benannte Typen.
Deine Dateien verlassen nie dein Gerät – alles läuft in deinem Browser.
So geht's
- 1Füge ein JSON-Beispiel ein, idealerweise eine echte API-Antwort.
- 2Lege den Namen des Wurzeltyps fest, z. B. User oder ApiResponse.
- 3Wähle, ob interface- oder type-Deklarationen erzeugt werden.
- 4Kopiere den Code oder lade ihn als types.ts herunter.
Häufig gestellte Fragen
Wie werden optionale Felder erkannt?
Enthält dein JSON ein Array von Objekten, führt der Generator alle Einträge zusammen. Ein Schlüssel, der in manchen Einträgen fehlt, wird als optional (?) markiert. Du kannst auch alle Felder optional machen.
Welchen Typ bekommt null?
Ein null-Wert wird zum Typ null. Enthält dasselbe Feld mal einen String und mal null, erhältst du eine Union wie string | null.
Soll ich interface oder type verwenden?
Für einfache Objektformen sind beide weitgehend austauschbar. Interfaces lassen sich erweitern und zusammenführen, Type-Aliase funktionieren auch für Unions und andere Typen. Nimm, was deine Codebasis bereits nutzt.
Wird mein JSON irgendwohin gesendet?
Nein. Die Typen werden in deinem Browser erzeugt, API-Antworten mit privaten Daten bleiben also auf deinem Gerät.