JSON zu TypeScript Interface
JSON einfügen und automatisch TypeScript-Interfaces mit verschachtelten Objekten und Arrays ableiten
toolUi.instructions
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
❓ toolUi.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.
🔗 tools.related
📝 tools.relatedArticles
Cron-Ausdrucksgenerator verwenden: Vollständige Schritte für Einsteiger
Verwenden Sie ein Online-Tool, um die fünf Zeitfelder anzuklicken, automatisch einen standardmäßigen Cron-Ausdruck mit einer für Menschen lesbaren Zeitbeschreibung zu generieren und gleichzeitig zu lernen, wie man Abweichungen der Ausführungszeit aufgrund von Zeitzonen und Feldanzahl behebt – komplexe Zyklen müssen nicht mehr erraten werden.
tool-tutorialsCSV zu JSON Online-Tool: So geht's – in drei Schritten für Anfänger
Führen Sie die CSV-zu-JSON-Konvertierung mit einem Online-Tool in drei Schritten durch – inklusive Optionseinstellungen, Ergebnisprüfung, Fehlersuche, Umgang mit großen Dateien, Bedienung auf dem Handy und API-Debugging-Szenarien. Anfänger können einfach nachmachen und erhalten direkt nutzbare JSON-Daten.
tool-tutorialsWas ist HTML-Formatierung? Diese Punkte sollten Einsteiger zuerst verstehen
Mit einem lokal im Browser laufenden HTML-Formatierungswerkzeug komprimiertes oder unübersichtliches HTML in eine eingerückte, lesbare Struktur zurückverwandeln – und den Unterschied zwischen Formatierung und Komprimierung, die Reihenfolge bei Einrückungsproblemen sowie Lösungen für hängende große Dateien und mobile Nutzung ohne Installation verstehen.
tool-tutorialsJS-Formatierung, -Komprimierung und manuelle Code-Organisation: Was ist die bessere Wahl?
Der Unterschied zwischen JS-Formatierung/Komprimierung und manueller Aufbereitung liegt im Abwägen von Automatisierung und menschlichem Urteilsvermögen. Formatierung und Komprimierung werden von Tools nach festen Regeln in großen Mengen verarbeitet – schnell und konsistent; manuelle Aufbereitung ist flexibler und eignet sich für Szenarien mit speziellen Namenskonventionen oder komplexer Logik. Bei alltäglicher Entwicklung und Fehlersuche solltest du Tools bevorzugen und die menschliche Arbeit dem vorbehalten, was wirklich Beurteilung erfordert. Zu verstehen, was JS-Formatierung und -Komprimierung bedeutet, hilft dir einzuschätzen, wann du sie einsetzen und wann du aufhören solltest.