JSON in TypeScript umwandeln

Um JSON in TypeScript umzuwandeln, fügen Sie unten Beispieldaten ein: Das Werkzeug erzeugt daraus Interfaces oder Typen mit verschachtelten Objekten, Arrays und optionalen Feldern – oder ein JSON Schema. Ihre Daten bleiben im Browser.

Quelle: TypeScript Handbook – Object Types (interfaces, optional properties, readonly). Stand: 2. Oktober 2026.

JSON

Ausgabe

Name des Wurzeltyps

Verschachtelte Objekte als eigene Typen

export vor jeden Typ setzen

Felder als readonly

Einrückung

Meine Toolbox

Ergebnis

Ergebnis: export interface Root { id: number; name: string; email: null; tags: string[]; adresse: Adresse; bestellungen: Bestellungen[]; aktiv: boolean; } export interface Adresse { strasse: string; plz: string; } export interface Bestellungen { nr: number; summe: number; gutschein?: string; }
Auswertung: 3 Typen aus 227 Zeichen JSON erzeugt.; Abgeleitet wird nur, was in den Beispieldaten steht: Ein Feld, das dort nie null war, wird nicht als nullbar erkannt; Felder, die nicht in jedem Objekt vorkommen, werden optional (?).

So wird gerechnet

JSON in TypeScript umwandeln heißt, aus Beispieldaten die passenden Typen abzuleiten. Aus {"id": 1, "name": "Anna"} wird ein Interface mit id: number und name: string. Das Werkzeug liest Ihr JSON in Ihrem Browser, führt Objekte gleicher Art zusammen und schreibt die Typen als Quelltext – ohne Upload.

So funktioniert's

JSON in das Feld einfügen, zum Beispiel eine API-Antwort.
Ausgabe wählen: Interfaces, Typen (type) oder JSON Schema. Namen, export, readonly und Einrückung stellen Sie nach Bedarf ein.
Das Ergebnis kopieren und in Ihr Projekt einfügen.

Wie die Typen entstehen

Zahlen, Text, Wahrheitswerte: number, string, boolean (im Schema integer oder number).
Arrays: Alle Elemente werden zusammengeführt. Gemischte Elemente werden zu Vereinigungen wie (string | number)[]; ein leeres Array wird unknown[].
Objekte: Felder, die nicht in allen Objekten vorkommen, bekommen ein Fragezeichen (optional). Gleich aufgebaute Objekte teilen sich einen Typ.
Namen: Verschachtelte Objekte heißen wie ihr Schlüssel in PascalCase, bei Arrays im Singular (orders → Order). Schlüssel wie "e-mail" werden in Anführungszeichen gesetzt.

Grenzen

Das Ergebnis ist ein Entwurf: Prüfen Sie ihn gegen die Dokumentation der Schnittstelle, denn Beispieldaten zeigen nicht jeden möglichen Fall.

Nur Beispieldaten – Wertebereiche, Aufzählungen und Datumsformate lassen sich daraus nicht ableiten (Datumstexte bleiben string).
Bis 500.000 Zeichen und 200 Ebenen Tiefe; Zahlen in JSON kennen keine Unterscheidung zwischen int und float, das Schema nutzt integer nur, wenn alle Beispielwerte ganzzahlig sind.

Datenschutz

Das JSON verlässt Ihren Browser nicht. Weiter geht es mit JSON formatieren, CSV in JSON oder YAML in JSON.

Häufige Fragen

Wie wandle ich JSON in TypeScript um?

JSON einfügen und „TypeScript-Interfaces“ wählen: Das Werkzeug erzeugt Interfaces mit allen Feldern, verschachtelten Typen und Arrays. Kopieren und in das Projekt einfügen.

Interface oder type – was ist besser?

Beides beschreibt dieselbe Form. Interfaces lassen sich erweitern und erzeugen oft bessere Fehlermeldungen; type ist flexibler bei Vereinigungen. Das Werkzeug erzeugt auf Wunsch beides.

Wie erkennt das Werkzeug optionale Felder?

Ein Feld, das in einem Objekt fehlt, in einem anderen aber vorkommt, bekommt ein Fragezeichen. Mehrere Objekte in einem Array werden dafür zusammengeführt.

Kann ich auch ein JSON Schema erzeugen?

Ja, wählen Sie „JSON Schema (2020-12)“. Das Schema enthält Typen, verschachtelte Eigenschaften und die Liste der Pflichtfelder.

Wird mein JSON hochgeladen?

Nein. Die Typen entstehen vollständig in Ihrem Browser.

Quellen und Rechtsgrundlagen

Stand: 2. Oktober 2026 · So prüfen wir