JSON zu TypeScript Interface
JSON einfügen und automatisch TypeScript-Interfaces mit verschachtelten Objekten und Arrays ableiten
Anleitung
Anleitung: JSON zu TypeScript Interface\n\n## Funktionsübersicht\nWenn man eine JSON-Antwort einer Schnittstelle erhält, kostet das manuelle Schreiben von TypeScript-Typen viel Zeit. Dieses Tool liest die JSON-Struktur direkt und leitet rekursiv verschachtelte Interfaces ab.\n\n## Verwendung\n1. JSON in das Eingabefeld einfügen; mit „Beispiel einfügen“ kann man zunächst ein komplexes Beispiel ansehen\n2. Den Namen des Root-Interfaces festlegen (Standard: Root) und `interface` oder Typ-Alias wählen\n3. Falls Felder fehlen können, „Felder optional“ aktivieren, um jedem Feld ein `?` hinzuzufügen\n4. Auf „TypeScript generieren“ klicken; das Ergebnis wird in Referenzreihenfolge ausgegeben, Untertypen zuerst, Root-Typ zuletzt\n5. Auf „Ergebnis kopieren“ klicken, um es zu übernehmen\n\n## Hinweise\n- Die Typen werden aus dieser einen JSON abgeleitet: Bei einem Feld mit `null` erhält man nur `null`, fehlende Felder sind ebenfalls nicht erkennbar. Für mehr Genauigkeit mehrere Beispiele verwenden oder manuell ergänzen\n- Wenn die Elemente in einem Array unterschiedlich aufgebaut sind, wird ein Union-Typ erzeugt, z. B. `(A | B)[]`\n- Bei einem leeren Array lässt sich nur `unknown[]` ableiten; den Typ muss man selbst ergänzen\n- Feldnamen, die keine gültigen Bezeichner sind, werden in Anführungszeichen gesetzt, um der TypeScript-Syntax zu entsprechen
FAQ
Was tun, wenn die Objekttypen im Array nicht übereinstimmen?
Das Tool erzeugt für jede unterschiedliche Struktur ein Interface und schreibt den Array-Elementtyp als Union-Typ, z. B. `(User | Admin)[]`. Nach der Generierung kann man ihn je nach tatsächlichem Anwendungsfall einschränken.
Warum ist der Typ eines null-Feldes null?
Weil nur diese eine Datenquelle vorliegt, lässt sich nicht beurteilen, ob es künftig ein String oder eine Zahl sein wird. Es empfiehlt sich, alle in echten Daten vorkommenden Typen zu ergänzen oder manuell auf `string | null` zu ändern.
Werden auch Typen für Go oder Java generiert?
Derzeit wird nur TypeScript generiert. Wenn man zunächst die Struktur betrachten möchte, lassen sich die von diesem Tool abgeleiteten verschachtelten Interface-Namen auch leicht in Structs anderer Sprachen umschreiben.
Ähnliche Tools
Verwandte Artikel
JS-Formatierung und -Komprimierung Online-Tool: Anleitung zur lokalen Verarbeitung im Browser
Fügen Sie JavaScript-Code ein, um Formatierung oder Komprimierung lokal im Browser durchzuführen – ohne Upload auf einen Server. Dieser Artikel bietet vollständige Bedienungsschritte, Lösungen bei hängenden großen Dateien und für Mobilgeräte sowie die konkrete Vorgehensweise zum Wiederherstellen komprimierten Codes beim API-Debugging, damit Sie Code schnell verstehen und ordnen können.
tool-tutorialsWas tun, wenn die Code-Einrückung nach der HTML-Formatierung durcheinander ist
Dieser Artikel erklärt die Ursachen und Behebungsschritte für falsch ausgerichtete Einrückungen nach der HTML-Formatierung, einschließlich Vereinheitlichung der Einrückungszeichen, Einstellung der Einrückungsbreite, Umgang mit Verzögerungen bei großen Dateien, Bedienung auf dem Handy und häufigen Fragen. So kannst du durcheinander geratenen Code schnell wieder in eine klar hierarchische, direkt lesbare Formatierung bringen.
tool-tutorialsJS-Formatierung und -Komprimierung Online-Tool: Anleitung für Anfänger
Fügen Sie den Code einfach in das JS-Formatierungs- und Komprimierungs-Online-Tool im Browser ein, wählen Sie Formatieren oder Komprimieren, und Sie erhalten sofort ein ordentlich formatiertes oder kleineres Ergebnis. Dabei lassen sich auch häufige Probleme wie Fehlermeldungen, Verzögerungen, Bedienung auf dem Smartphone und Anzeige von API-Daten lösen.
tool-tutorialsWie man einen KI-Schreibassistenten verwendet: Die vollständigen Schritte für Anfänger vom Input bis zum fertigen Entwurf
Mit einem vierteiligen Ablauf und einer Checkliste für häufige Probleme wird Anfängern geholfen, den gesamten Prozess vom Eingeben des Prompts bis zur Endfassung mit einem KI-Schreibassistenten zu durchlaufen, und es wird erklärt, wie man vorgeht, wenn die Ergebnisse nicht stimmen oder das Tool sich nicht öffnen lässt.