JSON zu TypeScript
TypeScript-Interfaces oder -Typen aus JSON erzeugen – mit verschachtelten Typen, optionalen Feldern und Union-Typen.
100 % privat: Alles läuft in Ihrem Browser, nichts wird hochgeladen.
So wandeln Sie JSON in TypeScript um
Ohne Anmeldung und ohne Installation – funktioniert direkt im Browser.
- Schritt 1:Fügen Sie ein repräsentatives JSON-Beispiel ein (API-Antwort, Konfigurationsdatei oder Fixture) oder klicken Sie auf Beispiel laden.
- Schritt 2:Legen Sie den Namen des Wurzeltyps fest und wählen Sie interface oder type sowie die Optionen export, readonly und unknown.
- Schritt 3:Kopieren Sie die erzeugten Definitionen in Ihr Projekt oder laden Sie sie als .ts-Datei herunter.
JSON zu TypeScript – häufige Fragen
Wie erzeuge ich TypeScript-Interfaces aus JSON?
Fügen Sie Ihr JSON in das Eingabefeld ein, und das Tool erzeugt sofort die passenden TypeScript-Interfaces. Das oberste Objekt erhält den gewählten Wurzelnamen, jedes verschachtelte Objekt ein eigenes Interface.
Wie werden optionale Eigenschaften erkannt?
Enthält ein Array mehrere Objekte, vergleicht der Generator sie. Eine Eigenschaft, die in mindestens einem Element fehlt, wird mit ? als optional markiert; eine Eigenschaft mit Werten unterschiedlichen Typs erhält einen Union-Typ.
Sollte ich interface oder type verwenden?
Beide beschreiben die Form eines Objekts. Interfaces lassen sich erweitern und zusammenführen, was zu öffentlichen APIs und Bibliotheken passt; Typaliase können Unions und Mapped Types ausdrücken. Wählen Sie gemäß den Konventionen Ihres Codes – das Tool unterstützt beides.
Warum wird ein leeres Array zu unknown[]?
Ein leeres Array liefert keine Informationen über seine Elemente. unknown[] hält Ihren Code im Strict Mode typsicher und zwingt Sie, den Typ einzugrenzen; deaktivieren Sie die Option, wenn Sie any[] bevorzugen.
Wird mein JSON an einen Server gesendet?
Nein. Die Typgenerierung erfolgt vollständig in Ihrem Browser – private API-Antworten und interne Daten verlassen Ihr Gerät nicht.
TypeScript-Typen automatisch aus JSON generieren
TypeScript-Interfaces für jede API-Antwort von Hand zu schreiben, ist mühsam und fehleranfällig – besonders bei verschachtelten Objekten und Arrays. Dieser kostenlose JSON-zu-TypeScript-Konverter liest ein Beispiel Ihres JSON und erzeugt in einer Sekunde präzise Typdefinitionen: Jedes verschachtelte Objekt wird zu einem eigenen benannten Interface, Arrays werden zu typisierten Listen, und primitive Werte werden zu string, number, boolean oder null. Die Namen werden in PascalCase aus den Schlüsseln abgeleitet, Array-Elementtypen in die Einzahl gesetzt – aus addresses wird Address, aus categories wird Category.
Enthält ein Array Objekte mit unterschiedlichen Schlüsseln, führt der Generator sie zu einem Interface zusammen und markiert Eigenschaften, die in einigen Elementen fehlen, als optional; Werte mit wechselndem Typ werden zu Union-Typen wie string | null. Sie können zwischen interface- und type-Deklarationen wählen, das Schlüsselwort export ergänzen, alle Eigenschaften readonly machen und für leere Arrays unknown statt any verwenden, damit der Strict Mode zufrieden ist. Alles läuft im Browser – interne API-Payloads verlassen Ihren Rechner nicht. Einfügen, Ergebnis ins Projekt kopieren und sofort Autovervollständigung und Typsicherheit nutzen.