So verwenden Sie JSON zu TypeScript
- Fügen Sie ein repräsentatives JSON-Beispiel ein, idealerweise eines, in dem alle optionalen Felder gefüllt sind.
- Legen Sie den Namen des Wurzeltyps fest und entscheiden Sie, ob Sie auch Hilfscode oder nur Typen haben möchten.
- Kopieren Sie den erzeugten TypeScript-Code in Ihr Projekt.
Über JSON zu TypeScript
Modellklassen für eine große JSON-Payload von Hand zu schreiben, ist öde, und genau dort schleichen sich Tippfehler ein. Fügen Sie hier ein Beispiel ein, und der Generator ermittelt die Struktur: welche Felder es gibt, welche Objekte, welche Arrays sind und welchen Typ jeder Wert hat. Die Ausgabe sind Interfaces für jedes Objekt. Deaktivieren Sie „Nur Typen“, und eine Convert-Klasse mit Laufzeitprüfungen wird hinzugefügt.
Ein Interface existiert nur zur Kompilierzeit. Wenn Sie eingehende Daten zur Laufzeit prüfen müssen, behalten Sie die Convert-Klasse. Alles läuft in Ihrem Browser, sodass Ihre Beispieldaten auf Ihrem Rechner bleiben.
Den erzeugten Code verwenden
Casten Sie mit const data: Root = JSON.parse(text) oder verwenden Sie zur Validierung das erzeugte Convert.toRoot(text).
Optionale Properties werden mit einem Fragezeichen geschrieben, nullable als string | null.