JSON zu TypeScript
Aus einem JSON-Beispiel TypeScript-Interfaces oder Zod-Schemas erzeugen
- Dateien verlassen Ihr Gerät nicht
- Läuft im Browser
- Kostenlos, ohne Anmeldung, ohne Wasserzeichen
Objekte im selben Array werden zusammengeführt: Schlüssel, die in manchen Elementen fehlen, werden optional, unterschiedliche Werttypen werden zu Union-Typen. Gleiche Strukturen teilen sich einen Typ.
So verwenden Sie: JSON zu TypeScript
Fügen Sie ein JSON-Beispiel ein und erhalten Sie TypeScript-Interfaces, ein Zod-Schema oder ein JSON Schema. Objekte in Arrays werden zusammengeführt: Schlüssel, die in einigen Einträgen fehlen, werden optional, unterschiedliche Typen werden zu Unions. Alles läuft lokal im Browser.
- 1
Fügen Sie ein JSON-Beispiel in das JSON-Feld ein, ziehen Sie eine Datei hinein oder klicken Sie auf „Beispiel“.
- 2
Wählen Sie die Ausgabe: TypeScript, Zod oder JSON Schema, und legen Sie den „Name des Wurzeltyps“ fest.
- 3
Bestimmen Sie, wie „Null-Werte“ typisiert werden, und für TypeScript unter „Deklarieren als“, ob interface oder type.
- 4
Schalten Sie bei Bedarf „Datums-Strings erkennen“, „Readonly-Eigenschaften“ oder „Zusätzliche Eigenschaften verbieten“ um und kopieren oder laden Sie das Ergebnis herunter.
Häufige Fragen
Wird das JSON irgendwohin gesendet?
Nein. Die Typen werden in Ihrem Browser erzeugt, sodass auch API-Antworten mit echten Daten auf Ihrem Gerät bleiben.
Was passiert mit Arrays aus Objekten mit unterschiedlichen Schlüsseln?
Sie werden zu einem Typ zusammengeführt. Schlüssel, die manchen Einträgen fehlen, werden optional, Schlüssel mit verschiedenen Werttypen werden zu Unions. Gleiche Strukturen teilen sich einen Typ.
Was ist der Unterschied zwischen „T | null“ und „Optional + null“?
„T | null“ verlangt den Schlüssel, erlaubt aber null. „Optional + null“ erlaubt zusätzlich, dass der Schlüssel fehlt – passend für APIs, die null-Felder weglassen.
Werden Datumswerte erkannt?
Mit „Datums-Strings erkennen“ erhalten ISO-8601-Strings in TypeScript einen Kommentar, in Zod eine datetime-Prüfung und im JSON Schema ein format.
Kann ich JSON mit Kommentaren oder nachgestellten Kommas einfügen?
Ja. Die Eingabe wird tolerant geparst, sodass Kommentare, nachgestellte Kommas und JSON5-Syntax akzeptiert werden; ein Hinweis zeigt an, wenn das passiert ist.