Was ist ein JSON-zu-TypeScript-Konverter?
Ein JSON-zu-TypeScript-Konverter analysiert ein JSON-Objekt und generiert entsprechende TypeScript-Schnittstellendefinitionen. Dies eliminiert die mühsame manuelle Arbeit beim Erstellen von Typdefinitionen für API-Antworten, Konfigurationsdateien oder beliebige JSON-Datenstrukturen. Ordnungsgemäße Typdefinitionen ermöglichen eine bessere IDE-Autovervollständigung, Kompilierzeit-Fehlererfassung und sicherere Code-Umgestaltung.
So verwenden Sie diesen Konverter
- Fügen Sie ein JSON-Objekt oder -Array in das Eingabefeld ein.
- Geben Sie den gewünschten Root-Schnittstellennamen ein.
- Klicken Sie auf „Konvertieren", um TypeScript-Schnittstellendefinitionen zu generieren.
- Kopieren Sie die Ausgabe und fügen Sie sie zu Ihrem TypeScript-Projekt hinzu.
Funktionsweise
Der Konverter durchsucht die JSON-Struktur rekursiv. Primitive Werte (String, Zahl, Boolescher Wert, Null) werden ihren TypeScript-Entsprechungen zugeordnet. Verschachtelte Objekte generieren separate benannte Schnittstellen. Arrays werden basierend auf ihren Elementtypen eingegeben. Wenn ein Array gemischte Typen enthält, wird ein Union-Typ erstellt.
Häufig gestellte Fragen
Wie ist es mit optionalen Eigenschaften?
Da der Konverter von einer einzelnen JSON-Probe ausgeht, werden alle Eigenschaften als erforderlich markiert. Wenn eine Eigenschaft in einigen API-Antworten möglicherweise nicht vorhanden ist, fügen Sie manuell die optionale Markierung (?) nach dem Eigenschaftsnamen in der generierten Schnittstelle hinzu.
Kann es tief verschachteltes JSON verarbeiten?
Ja. Jedes verschachtelte Objekt generiert seine eigene benannte Schnittstelle unter Verwendung von PascalCase-Benennung, die vom Eigenschaftsschlüssel abgeleitet ist. Zum Beispiel erzeugt eine verschachtelte “address”-Eigenschaft eine separate “Address”-Schnittstelle.