JSON → TypeScript-Typen generieren
JSON-Beispiel einfügen und automatisch interface- oder type-Definitionen erzeugen
도구를 불러오는 중…
🔒 Alles läuft zu 100 % in Ihrem Browser. Ihre Dateien und Eingaben werden niemals auf einen Server hochgeladen.
Fügen Sie ein JSON-Beispiel wie eine API-Antwort oder eine Konfigurationsdatei ein, und es entstehen automatisch die passenden TypeScript-interface- oder type-Definitionen für diese Struktur. Verschachtelte Objekte werden in eigene Typen ausgelagert, die Schlüssel von Objekten in Arrays zusammengeführt, und Werte, die nur in einem Teil vorkommen, als optionale (?) Eigenschaften markiert.
Anleitung
- Fügen Sie das umzuwandelnde JSON-Beispiel in das Eingabefeld ein.
- Legen Sie den Namen des obersten Typs fest und wählen Sie zwischen interface- und type-Deklaration.
- Aktivieren Sie bei Bedarf „Schlüsselwort export hinzufügen", um eine exportierte Form zu erzeugen.
- Prüfen Sie die generierten Typdefinitionen und übernehmen Sie sie mit „Typ kopieren" in Ihren Code.
FAQ
- Werden auch verschachtelte Objekte und Arrays verarbeitet?
- Ja. Verschachtelte Objekte werden jeweils in ein eigenes interface ausgelagert, und bei Objekt-Arrays werden die Schlüssel der Elemente zu einem Typ zusammengeführt; Schlüssel, die nur in einem Teil der Elemente vorkommen, werden als optional (?) markiert. Kommen mehrere Typen vor, werden sie als Union (|) dargestellt.
- Soll ich interface oder type wählen?
- Für die meisten Objektformen ist interface eine gute Wahl, da es sich gut erweitern und zusammenführen lässt. Wenn Sie einen Union-Alias brauchen oder es bevorzugen, können Sie type wählen; das Ergebnis lässt sich jederzeit neu erzeugen.
- Wird das eingegebene JSON an einen Server gesendet?
- Nein. Das Parsen des JSON und die Typerzeugung laufen vollständig im Browser ab; die eingegebenen Inhalte werden nicht an einen Server gesendet oder gespeichert.