JSON zu TypeScript (Interfaces)
Füge ein Beispiel-JSON ein und erhalte einsatzbereite TypeScript-Interfaces mit abgeleiteten Typen (string, number, boolean, Arrays und verschachtelte Objekte). Wähle den Namen des Root-Typs und kopiere oder lade das Ergebnis herunter.
Eingabe-JSON
TypeScript-Schnittstellen
So funktioniert: JSON zu TS
- 1Füge ein Beispiel-JSON ein.
- 2Benenne den Wurzeltyp.
- 3Kopiere oder lade die erzeugten TypeScript-Interfaces herunter.
Wofür ist es gut?
- API-Antworten in TypeScript-Projekten typisieren.
- Zeit bei der Integration externer Dienste sparen.
- Datenstrukturen dokumentieren.
Von JSON zu TypeScript-Typen
Arbeit sparen
Fügen Sie eine Beispielantwort ein und erhalten Sie Interfaces mit abgeleiteten Typen: string, number, boolean, Listen und verschachtelte Objekte.
Ergebnis prüfen
Ein einzelnes Beispiel zeigt keine optionalen Felder oder Werte, die null sein oder mehrere Typen haben können. Ergänzen Sie ? und Unions gemäß dem echten API-Vertrag.
Validierung zur Laufzeit
TypeScript prüft nur beim Kompilieren. Kombinieren Sie Typen bei externen Daten mit einer Laufzeitvalidierung, etwa über ein Schema.
Verwandte Tools
Häufig gestellte Fragen
Wie werden verschachtelte Typen benannt?+
Jedes verschachtelte Objekt erzeugt sein eigenes Interface, benannt nach dem übergeordneten Objekt plus dem großgeschriebenen Eigenschaftsnamen. Bei Kollisionen wird eine Zahl angehängt.
Was macht es mit Arrays von Objekten?+
Es leitet ein Interface pro Element ab mit dem Suffix Item (z. B. RootObjectItem).