QodeCat Menü
Alle Tools
JSON-FormatiererSQL-FormatiererChmod-RechnerJWT-DecoderBase64-KonverterURL-ParserTextvergleichUUID-GeneratorCron-GeneratorZeitstempel-KonverterCSV zu JSONRegex-TesterYAML ↔ JSONJWT-GeneratorJSON zu TypeScript

© 2026 QodeCat Studio

Tool wird geladen…

Aus einer JSON-Antwort werden Typen

Eine API-Antwort von Hand zu typisieren dauert lange und ist fehleranfällig. Füge ein echtes JSON-Beispiel ein, und QodeCat schreibt die TypeScript-Deklarationen live beim Tippen – bereit zum Kopieren in dein Projekt.

  • Benannte verschachtelte Typen: Jedes verschachtelte Objekt wird ein eigenes Interface, benannt nach seinem Key.
  • Optionale Felder: Ein Key, der in manchen Array-Elementen fehlt, wird mit ? markiert.
  • Unions: Gemischte Arrays werden Union-Typen, null wird zu T | null und leere Arrays zu unknown[].
  • Optionen: Name des Wurzeltyps, interface oder Typalias, readonly-Eigenschaften und das export-Schlüsselwort.

Warum dieses Tool?

Lernt aus allen Array-Elementen

Statt nur das erste Element anzusehen, führt der Generator alle Objekte eines Arrays zusammen. Keys, die nur manchmal vorkommen, werden optional, und ein Feld, das einmal string und einmal null ist, wird zu string | null.

Klare Fehler, private Daten

Ist das JSON ungültig, siehst du Zeile und Spalte des Problems. Die Umwandlung läuft komplett in deinem Browser, sodass API-Antworten mit Kundendaten oder Tokens nie hochgeladen werden.

Häufig gestellte Fragen

F. Was passiert mit Keys, die keine gültigen Bezeichner sind?

Keys wie "first-name" oder "2fa" werden in Anführungszeichen geschrieben, das ist gültiges TypeScript. Interface-Namen entstehen aus dem Key in PascalCase, zum Beispiel WithSpace für "with space".

F. Werden gleich aufgebaute Objekte zu einem Typ zusammengefasst?

Ja. Enthalten zwei Keys Objekte mit exakt derselben Struktur, deklariert der Generator ein Interface und verwendet es für beide. So bleibt die Ausgabe kurz.

F. Soll ich interface oder type wählen?

Beide beschreiben dieselbe Struktur. Interfaces lassen sich erweitern und zusammenführen, Typaliase sind praktisch für Unions. Nimm den Stil, den dein Projekt schon nutzt; die Option stellt alle Deklarationen auf einmal um.