JSON zu TypeScript
Beispiel-JSON einfügen und die passenden TypeScript-Interfaces erhalten – kein Abtippen jedes Feldes mehr, wenn Sie mit API-Daten arbeiten.
So erzeugen Sie TypeScript-Interfaces aus JSON
- Fügen Sie links Ihr Beispiel-JSON ein, rechts erscheinen die TypeScript-Deklarationen.
- Ändern Sie bei Bedarf den Namen des äußersten Typs im Feld „Name des Wurzeltyps“, z. B. ApiResponse.
- Kopieren Sie das Ergebnis und fügen Sie es in Ihren Code ein.
Häufige Fragen
Nur aus den eingefügten Daten: Text ist string, Zahlen sind number, true/false ist boolean, und verschachtelte Objekte werden zu eigenen Interfaces.
Das Feld ist nicht immer vorhanden. Enthält ein Array mehrere Objekte und nur einige haben dieses Feld, markiert das Tool es als optional.
Das Tool verbindet die Typen mit |, z. B. string | number. Ist der Wert manchmal null, bekommt der Typ zusätzlich | null.
Ein leeres Array hat keine Elemente, aus denen der Typ ablesbar wäre. Korrigieren Sie es von Hand oder fügen Sie ein Beispiel mit Daten in diesem Array ein.
Nach dem Feld, mit großem Anfangsbuchstaben (user_profile wird UserProfile). Array-Elemente bekommen Item angehängt, ein bereits vergebener Name eine Zahl: 2, 3…
Nein, sie sind nur so genau wie das Beispiel. Nutzen Sie ein vollständiges Beispiel – am besten mehrere Elemente pro Array, auch mit manchmal fehlenden Feldern –, damit die Typen reale Fälle abdecken.
Nein. Das JSON wird direkt auf Ihrem Gerät verarbeitet.
Es ist völlig kostenlos, ganz ohne Konto.
Ähnliche Tools
JSON zu JSON SchemaJSON Schema aus einem JSON-Beispiel erzeugenJSON zu ZodZod-Schema aus einem JSON-Beispiel erzeugenJSON-Schema-ValidatorPrüfen, ob JSON-Daten zu einem JSON Schema passenJSON zu Go-StructGo-Structs aus einem JSON-Beispiel erzeugenJSON zu Python-DataclassDataclasses oder Pydantic-Modelle aus JSON erzeugenJSON zu Java-KlasseJava-Klassen oder Records aus JSON erzeugenJSON zu Kotlin-Data-ClassKotlin-Data-Classes aus JSON erzeugenJSON escapen / unescapenText in gültigen JSON-String wandeln und zurückJSON-FormatiererJSON formatieren, minifizieren und prüfen