Erzeuge TypeScript-Interfaces aus einem JSON-Beispiel, mit verschachtelten Typen, Arrays und optionalen Feldern. Läuft im Browser.
So nutzt du den JSON zu TS
Füge ein JSON-Objekt oder -Array ein.
Lege optional den Namen des Root-Interface fest.
Kopiere die erzeugten TypeScript-Interfaces.
Dies ist ein JSON-zu-TypeScript-Generator, der einen Satz von Interfaces aus einem Beispiel-JSON-Objekt oder -Array ableitet, damit du eine API-Antwort einfügen und einsatzbereite Typen erhältst, statt sie von Hand zu schreiben.
Das ist ein großer Zeitsparer, wenn du eine API oder eine Konfigurationsdatei nutzt: Füge eine Antwort ein, benenne bei Bedarf das Root-Interface und kopiere sauberes TypeScript direkt in deinen Code.
Die Generierung läuft vollständig in deinem Browser, also verlassen deine Daten nie dein Gerät, was wichtig ist, wenn das Beispiel echte Werte enthält.
Er behandelt reale Strukturen: Verschachtelte Objekte werden zu eigenen benannten Interfaces, die vom übergeordneten Element referenziert werden, Arrays von Objekten werden zu einem Interface zusammengeführt und Union-Typen werden erzeugt, wo Werte variieren.
Wenn die Objekte in einem Array nicht alle dieselben Schlüssel haben, werden die in manchen Elementen fehlenden Schlüssel mit einem Fragezeichen als optional markiert, was dem tatsächlichen Verhalten der Daten entspricht und die Typen ehrlich hält.
Ein wichtiger Punkt: Er leitet eine Struktur aus dem einzelnen Beispiel ab, das du ihm gibst, statt ein Schema zu erzwingen. Wenn ein Feld in echten Daten manchmal null oder abwesend ist, in deinem Beispiel aber nicht, wird der generierte Typ das nicht wissen, also nutze ein repräsentatives Beispiel.
Häufig gestellte Fragen
Jedes verschachtelte Objekt wird zu einem eigenen benannten interface, das vom übergeordneten referenziert wird, sodass das Ergebnis sauber und wiederverwendbar ist.
Arrays von Objekten werden zu einem interface zusammengeführt, und Schlüssel, die einigen Elementen fehlen, werden als optional markiert. Arrays gemischter Primitive werden zu einem Union-Elementtyp.
Nein. Die Typen werden vollständig in deinem Browser erzeugt, sodass deine Daten dein Gerät nie verlassen.
Es leitet die Struktur aus dem Beispiel ab, das du einfügst, es validiert nicht gegen ein Schema. Nutze ein repräsentatives Beispiel, damit optionale oder nullable Felder erfasst werden.
Die Primitive string, number, boolean und null, verschachtelte Interfaces für Objekte, typisierte Arrays, optionale Eigenschaften für Schlüssel, die nicht immer vorhanden sind, und Unions für gemischte Werte.
Dieses Tool einbetten
Füge dieses Tool zu deiner eigenen Website hinzu. Kopiere den Code unten. Er bleibt automatisch aktuell.
<iframe src="https://monu.tools/embed/de/json-to-typescript" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>Verwandte Tools
Formatiere, verschönere und validiere JSON online mit klaren Fehlermeldungen bei ungültiger Eingabe.
Minifiziere und validiere JSON im Browser und sieh, wie viele Bytes du sparst.
Wandle JSON in CSV und CSV zurück in JSON um, in beide Richtungen. Wähle das Trennzeichen, verarbeite Felder in Anführungszeichen und kopiere das Ergebnis. Alles läuft in deinem Browser.
Wandle YAML in JSON und JSON zurück in YAML um, in beide Richtungen. Wird beim Umwandeln geprüft und zeigt klare Fehler. Alles läuft in deinem Browser.