JSON zu TypeScript

Erzeuge TypeScript-Interfaces aus einem JSON-Beispiel und leite die Typen rekursiv ab.

Deine Dateien bleiben auf diesem Gerät

Dateien werden im Browser verarbeitet, nie hochgeladen. Die Website lädt den benötigten Code und die Ressourcen herunter. Ohne Konto und Tracker.

Speichere dieses Tool über Herunterladen als einzelne HTML-Datei zur Offline-Nutzung.

Datenschutz →

Eingabe

Ausgabe

Probiere ein durchgerechnetes Beispiel

Beispiel

Füge [{"id":1},{"id":2,"note":"late"}] ein. Das Ergebnis ist type Root = RootItem[]; und ein Interface RootItem mit id: number und note?: string, weil note im ersten Element fehlt.

Gut zu wissen

Die Typen stammen nur aus dem eingefügten Beispiel. Ein Feld, das hier ein String ist, kann in anderen Antworten null sein, und Zahlen werden nicht in Ganz- und Dezimalzahlen unterschieden. Gleiche das Ergebnis daher mit der API-Dokumentation ab.

Über dieses Tool

Füge ein JSON-Beispiel ein, etwa eine API-Antwort, und erhalte passende TypeScript-Interfaces, vollständig in deinem Browser erzeugt. Jedes Element eines Arrays wird geprüft: Felder, die in manchen Elementen fehlen, werden optional, und Werte unterschiedlicher Typen werden zu Union-Typen.

Häufig gestellte Fragen

Wie werden verschachtelte Objekte behandelt?

Jedes verschachtelte Objekt wird zu einem eigenen Interface, in PascalCase nach seinem Schlüssel benannt. Objekte in Arrays erhalten das Suffix Item, etwa TagsItem.

Wie werden Arrays typisiert?

Jedes Element wird geprüft. Objekte werden zu einem Interface zusammengeführt, Felder, die in manchen fehlen, werden mit ? als optional markiert, und gemischte Werte werden zu einer Union wie (string | number)[]. Leere Arrays werden zu unknown[].