input.json
types.ts
Klick auf Konvertieren, um TypeScript-Interfaces zu erzeugen.

Verwandt

Anleitungen zu TS Types

Alle Anleitungen →

So funktioniert die Umwandlung von JSON in TypeScript

Jedes JSON-Objekt erzeugt ein TypeScript-interface. Das Wurzelobjekt heißt standardmäßig Root. Verschachtelte Objekte erhalten eigene benannte Interfaces nach dem entsprechenden Schlüssel —— ein Schlüssel namens address liefert ein Interface Address.

Arrays und optionale Felder

Bei Objekt-Arrays werden alle Schlüssel zusammengeführt, die in mindestens einem Element vorkommen. Fehlt ein Schlüssel bei manchen Elementen, wird er optional (key?: Type). Arrays primitiver Werte erhalten typisierte Signaturen wie string[] oder number[].

Wann das nützlich ist

  • API-Integration —— Antwort einfügen und sofort Typdefinitionen erhalten, die in dein TypeScript-Projekt passen
  • Prototyping —— schnell ein Interface-Gerüst für eine neue API oder einen neuen Datensatz aufbauen, bevor du die Parse-Logik schreibst
  • Code-Reviews —— prüfen, ob die Form der JSON-Payload zu den Interfaces passt, die dein Code erwartet