JSON-zu-TypeScript-Konverter

TypeScript-Interfaces für die Antwort einer JSON-API von Hand zu schreiben ist langsam und fehleranfällig: Verschachtelte Objekte brauchen ein eigenes Interface, Arrays benötigen einen Elementtyp, und ein Feld, das manchmal fehlt, muss als optional markiert werden – übersehen Sie eines dieser Details, bleibt der Compiler still, während Ihr Code immer weiter von der echten Datenform abweicht.

Dieser Konverter erledigt diese Arbeit für Sie. Fügen Sie ein beliebiges JSON-Objekt oder -Array ein und er durchläuft die Struktur rekursiv: Ein verschachteltes Objekt wird zu einem eigenen benannten Interface, ein Array von Objekten erhält ein Element-Interface, dessen Felder über alle Einträge hinweg verglichen werden – ein Feld, das nur in einigen vorhanden ist, wird mit einem abschließenden ? markiert, und ein Feld, das manchmal null und manchmal einen Wert enthält, kommt als korrekte string | null-Union heraus, statt nur das eine oder andere zu sein.

Ein Format-Umschalter ändert nur, wie dieselbe erkannte Struktur ausgegeben wird: als Interface-Block, als Type-Alias oder als Zod-Schema, zusammengesetzt aus z.object(), z.array() und z.union()-Aufrufen mit .optional() und .nullable(), wo sie zutreffen. Zod selbst ist ein separates npm-Paket (npm install zod) – dieses Tool schreibt nur den Schema-Quelltext, es installiert nichts für Sie.

Alles läuft lokal in Ihrem Browser, sobald Sie tippen oder einfügen, ohne Absende-Button und ohne Upload – praktisch für Nutzdaten, die echte Kundendaten enthalten. Wenn Sie mit dem JSON-Text selbst arbeiten möchten, statt mit den abgeleiteten Typen, nutzen Sie den JSON-Formatter, um ihn zu formatieren oder zu minimieren, und den JSON-Validator, um einen Syntaxfehler vor der Konvertierung zu lokalisieren.