JSON zu TypeScript

Füge einen JSON-Payload ein und erhalte sofort nutzbare TypeScript-Interfaces. Verschachtelte Objekte und Arrays werden zu benannten Typen, ungültige Identifier automatisch gequotet.

Kostenlos Läuft lokal Ohne Anmeldung
JSON-Eingabe
TypeScript-Ausgabe
TypeScript-Interfaces erscheinen hier.
Verschachtelte Objekte und Arrays werden automatisch umgewandelt.

So funktioniert es

1

JSON einfügen

Füge ein JSON-Objekt oder -Array ins Eingabefeld ein.

2

Wurzeltyp benennen

Lege den Namen des Root-Interfaces fest und wähle interface oder type.

3

Kopieren oder laden

Die TypeScript-Ausgabe aktualisiert sich beim Tippen.

Warum dieses Werkzeug

Benannte verschachtelte Typen

Verschachtelte Objekte und Arrays ergeben lesbare, wiederverwendbare Interfaces.

Sperrige Keys

Keys mit Bindestrichen, Leerzeichen oder führenden Ziffern werden korrekt gequotet.

Läuft lokal

Dein Payload verlässt den Browser nie.

Häufige Fragen

Erkennt es optionale Properties?
Nein. JSON kann optionale Felder nicht ausdrücken, daher ist jede Property required. Entferne Felder manuell oder markiere sie optional, wenn eine API sie weglassen kann.
Wie werden Arrays typisiert?
Arrays nutzen das erste Element für den Elementtyp. Leere Arrays werden unknown[], gemischte primitive Arrays zu Unions.
Kann ich type statt interface nutzen?
Ja. Stelle die Deklaration auf type um, dann nutzt der Generator Type-Aliase.
Was passiert mit null?
Null-Werte werden zu null. Kann ein Feld auch ein String sein, ergänze nach dem Generieren eine Union wie string | null.
Werden meine Payloads hochgeladen?
Nein. Parsen und Generieren laufen in deinem Browser.

Ähnliche Werkzeuge

Zuletzt aktualisiert: