JSON zu TypeScript
TypeScript-Interfaces aus beliebigem JSON erzeugen — verschachtelte Objekte, Arrays und Unions, fertig zum Einfügen in Ihr Projekt.
root must be a JSON object
Dieses Tool läuft vollständig in Ihrem Browser. Ihre Daten verlassen Ihr Gerät nie — sie werden auf keinen Server hochgeladen.
So verwenden Sie es
- 1Fügen Sie Ihr JSON ein (eine API-Antwort funktioniert am besten).
- 2Ändern Sie den Root-Interface-Namen, falls Root nicht passen soll.
- 3Kopieren Sie die erzeugten Interfaces in Ihr Projekt.
JSON zu TypeScript
Fügen Sie eine JSON-Antwort ein und erhalten sofort typisierte Interfaces: verschachtelte Objekte werden zu benannten Interfaces, Objekt-Arrays verschmelzen zu einer Form, gemischte Arrays werden zu Unions. Der Root-Name ist konfigurierbar.
Gebaut für API-Arbeit — Antwort einfügen, Typen kopieren, und der Compiler überwacht Formänderungen für Sie.
Häufige Fragen
Wie werden Arrays behandelt?
Arrays aus Objekten verschmelzen die Schlüssel aller Elemente zu einem Interface (fehlende Schlüssel wären zur Laufzeit ohnehin ein Fehler). Arrays mit gemischten Typen werden zu einer Union wie string | number. Leere Arrays degradieren zu unknown[].
Sind alle Felder erforderlich?
Ja — eine einzelne Probe kann Optionalität nicht beweisen, also ist alles erforderlich. Markieren Sie optionale Felder selbst, wo Ihre API null oder fehlende Schlüssel erlaubt.
Verwandte Tools
JSON-Formatter
Unordentliches JSON online formatieren — 2 Leerzeichen, 4 Leerzeichen oder Tabs, mit sofortiger Validierung und präzisen Fehlerorten. 100 % im Browser.
Alle Tools →
JSON-Validator
JSON sofort validieren, mit präziser Fehlerzeile und -spalte — fehlende Kommas, unquotierte Schlüssel und schlechte Masken abfangen, bevor sie brechen.
Alle Tools →
JSON-Diff
Zwei JSON-Dokumente Pfad für Pfad vergleichen — hinzugefügte, entfernte und geänderte Schlüssel mit Vorher/Nachher-Werten, komplett lokal.
Alle Tools →
JSON-Path-Abfrage
Jeden Wert aus JSON mit einem Pfad wie $.user.name oder $.items[0].id holen — sofort, nachsichtig, ohne jq-Syntax zu lernen.
Alle Tools →
JSON ⇄ YAML Konverter
JSON in YAML und zurück konvertieren — bereit für Config-Dateien, mit Wechseln-und-weiter-Workflow und präzisen Fehlermeldungen.
Alle Tools →
Dieses Tool einbetten
Binden Sie dieses Tool mit einer Zeile in Ihre Website ein — es läuft im Browser des Besuchers.
<iframe src="https://zoyku.com/de/tools/json-to-typescript?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — json-to-typescript" loading="lazy"></iframe>