JSON-zu-TypeScript-Generator

Ein Beispiel, eine Struktur

Die Typen beschreiben das Beispiel exakt. Ein Feld mit dem Wert null wird zum Typ null, ein leeres Array zu any[], und Objekte innerhalb eines Arrays übernehmen ihre Struktur nur vom ersten Element. Passe solche Angaben von Hand an: null bedeutet normalerweise string | null oder etwas Ähnliches, und Felder, die nur manche Datensätze enthalten, sollten optional sein. Zwei verschachtelte Objekte mit demselben Schlüsselnamen teilen sich ein Interface, das nach dem Schlüssel benannt wird. Prüfe daher, ob seine Felder zu beiden Objekten passen.

Typen prüfen keine Daten

TypeScript-Typen verschwinden beim Kompilieren des Codes. Wenn eine API später ein Feld als Zeichenkette statt als Zahl sendet, hält es zur Laufzeit nichts davon ab, und der Fehler tritt an anderer Stelle auf. Validiere Daten außerhalb deines Codes bei ihrem Eingang: anhand eines JSON Schema, das du im JSON-Schema-Validator testen kannst, oder mit einer Bibliothek zur Laufzeitvalidierung.

Ob du für einfache Daten interface oder type verwendest, spielt selten eine Rolle. Interfaces können erweitert und zusammengeführt werden; Typaliasse können ebenfalls Vereinigungen ausdrücken.

So benutzt du es

1. Füge deine JSON-Daten in das Eingabefeld ein.
2. Konfiguriere den Namen des Wurzel-Interfaces, den Deklarationsstil oder optionale Felder.
3. Kopiere den generierten TypeScript-Code.

Datenschutz & Einschränkungen

Deine JSON-Daten werden vollständig im Arbeitsspeicher des Browsers verarbeitet. Keine Server-Uploads.