JSON to TypeScript Interface Generator
Konvertieren Sie JSON sofort in TypeScript-Schnittstellen. Fügen Sie ein beliebiges JSON-Objekt oder Array ein und erhalten Sie vollständig typisierte TypeScript-Schnittstellen mit verschachtelten Typen, optionalen Feldern und readonly-Modifizierern — alles in Ihrem Browser.
JSON → TypeScript Interface Generator
Was macht dieses Tool?
Dieses Tool nimmt ein JSON-Objekt oder Array und generiert TypeScript Interface- oder Typ-Alias-Definitionen. Es verarbeitet verschachtelte Objekte (generiert untergeordnete Interfaces), Arrays, Union-Typen und optionale Felder — spart Ihnen Zeit und reduziert manuelle Tippfehler.
Optionale Felder
Wenn der Modus für optionale Felder aktiviert ist, wird jede Eigenschaft, deren Wert null ist oder die in einigen Array-Elementen fehlt, mit dem optionalen Modifizierer ? markiert. Dies ist nützlich, wenn Ihr JSON von einer API stammt, die einige Felder inkonsistent auslässt oder auf null setzt.
interface vs type
Sowohl Interfaces als auch Typ-Aliase funktionieren zur Beschreibung von Objektstrukturen in TypeScript. Interfaces sind offen (können erweitert/zusammengeführt werden), während Typ-Aliase Union- und Intersection-Typen unterstützen. Verwenden Sie type für fortgeschrittene Typoperationen; verwenden Sie interface für unkomplizierte Objektformen.
So verwenden Sie das Tool
- Fügen Sie Ihr JSON-Objekt oder Array in den Eingabebereich ein.
- Legen Sie optional den Root-Interface-Namen fest, schalten Sie optionale Felder um und wählen Sie zwischen Interface und Type.
- Klicken Sie auf "TypeScript generieren", um die typisierten Definitionen zu erstellen.
- Klicken Sie auf "Kopieren", um das Ergebnis in die Zwischenablage zu kopieren.
Ihr JSON bleibt in Ihrem Browser — es werden keine Daten an einen Server gesendet.
Häufig gestellte Fragen
- Kann es verschachtelte Objekte verarbeiten?
- Ja. Verschachtelte Objekte generieren ihre eigenen benannten Interfaces (z.B. Address, ContactInfo) und werden im übergeordneten Interface per Name referenziert.
- Welche TypeScript-Typen werden generiert?
- string, number, boolean, null, any[], Objekt-Interfaces und Union-Typen wie string | null. Arrays von Objekten generieren typisierte Arrays mit untergeordneten Interfaces.
- Unterstützt es Arrays von Objekten?
- Ja. Arrays von Objekten generieren ein benanntes untergeordnetes Interface für den Elementtyp, dann typisieren Sie das Feld als ChildType[].
- Ist dieses Tool kostenlos?
- Ja, vollständig kostenlos ohne Registrierung. Die gesamte Verarbeitung erfolgt in Ihrem Browser — es werden keine Daten an einen Server gesendet.