Lädt dieses Tool mein JSON auf einen Server hoch?

Nein. Die gesamte Verarbeitung erfolgt vollständig in deinem Browser per JavaScript. Dein JSON verlässt dein Gerät nie.

Wie werden Arrays von Objekten mit unterschiedlichen Shapes behandelt?

Alle Element-Shapes werden zu einem Interface zusammengeführt. In jedem Element vorhandene Keys sind Pflichtfelder; in einigen Elementen fehlende Keys werden mit ? als optional markiert.

Was ist der Unterschied zwischen den Ausgabemodi interface und type?

interface verwendet TypeScript-Interface-Deklarationen (erweiterbar, bevorzugt für Objekt-Shapes). type verwendet Typaliasnamen (flexibler, unterstützt Primitive und Unions auf Root-Ebene). Für Objekt-Shapes liefern beide äquivalente Ergebnisse.

Kann es tief verschachteltes JSON verarbeiten?

Ja. Der Typ-Walker ist vollständig rekursiv -- jedes verschachtelte Objekt erzeugt sein eigenes benanntes Interface, und die Interfaces werden in Abhängigkeitsreihenfolge (tiefstes zuerst) ausgegeben, sodass TypeScript ohne Vorwärtsreferenz-Fehler kompiliert.

Was passiert, wenn mein JSON-Array gemischte Typen wie Strings und Zahlen enthält?

Arrays mit gemischten Typen erzeugen einen Union-Type. Zum Beispiel wird [1, 'hello', true] zu (number | string | boolean)[]. Wenn das Array nur einen einheitlichen Typ hat, ist kein Union nötig.

Lädt dieses Tool meine Daten hoch?

Nein. Alles läuft direkt in deinem Browser, deine Daten verlassen dein Gerät nie — nach dem Laden funktioniert es sogar offline.

🔷 JSON zu TypeScript -- Sofort-Interface-Generator, Kostenlos & Offline

Füge ein beliebiges JSON-Objekt oder -Array ein, und dieses Tool generiert sofort TypeScript-Interface- (oder Typalias-) Definitionen -- vollständig kostenlos, ohne Login, ohne Upload, und läuft 100% im Browser. Verschachtelte Objekte werden zu verschachtelten Interfaces, Objekt-Arrays werden zu einer einzigen getypten Form mit optionalen Feldern zusammengeführt, und Arrays mit gemischten Typen erzeugen automatisch Union-Types.

Name des Root-Interface

Ausgabemodus

JSON-Eingabe

Von Grund auf privat. Dieses Tool läuft vollständig in deinem Browser — nichts, was du eingibst, wird hochgeladen oder gespeichert, und es funktioniert offline.

Über

Dieser JSON-zu-TypeScript-Konverter verwendet einen reinen clientseitigen Typinferenz-Walker -- ohne externe Bibliotheken oder Server-Aufrufe. Er besucht rekursiv jeden Knoten des JSON: Primitive werden auf string, number, boolean oder null abgebildet; verschachtelte Objekte erzeugen benannte Kind-Interfaces; Arrays von Objekten führen alle Element-Shapes zusammen, sodass in einigen Elementen fehlende Keys als optional markiert werden (key?: Type); Arrays mit gemischten Typen erzeugen Union-Types wie (string | number)[]. Zwischen Interface- und Typalias-Ausgabe kann gewählt werden, und der Name des Root-Interface ist einstellbar. Alles bleibt im Browser -- deine JSON-Daten werden nirgendwohin gesendet.

Verwendung

Füge dein JSON in das Eingabefeld ein -- Objekte, Arrays und verschachtelte Strukturen werden alle unterstützt.
Lege den Namen des Root-Interface fest (Standard: RootObject) und wähle interface oder type alias.
Klicke auf In TypeScript umwandeln (oder drücke Ctrl+Enter), um die Definitionen sofort zu generieren.
Prüfe die TypeScript-Ausgabe -- verschachtelte Interfaces erscheinen zuerst, das Root-Interface zuletzt.
Klicke auf Kopieren, um das Ergebnis in die Zwischenablage zu kopieren und direkt in dein TypeScript-Projekt einzufügen.

Häufige Fragen

Lädt dieses Tool mein JSON auf einen Server hoch?: Nein. Die gesamte Verarbeitung erfolgt vollständig in deinem Browser per JavaScript. Dein JSON verlässt dein Gerät nie.
Wie werden Arrays von Objekten mit unterschiedlichen Shapes behandelt?: Alle Element-Shapes werden zu einem Interface zusammengeführt. In jedem Element vorhandene Keys sind Pflichtfelder; in einigen Elementen fehlende Keys werden mit ? als optional markiert.
Was ist der Unterschied zwischen den Ausgabemodi interface und type?: interface verwendet TypeScript-Interface-Deklarationen (erweiterbar, bevorzugt für Objekt-Shapes). type verwendet Typaliasnamen (flexibler, unterstützt Primitive und Unions auf Root-Ebene). Für Objekt-Shapes liefern beide äquivalente Ergebnisse.
Kann es tief verschachteltes JSON verarbeiten?: Ja. Der Typ-Walker ist vollständig rekursiv -- jedes verschachtelte Objekt erzeugt sein eigenes benanntes Interface, und die Interfaces werden in Abhängigkeitsreihenfolge (tiefstes zuerst) ausgegeben, sodass TypeScript ohne Vorwärtsreferenz-Fehler kompiliert.
Was passiert, wenn mein JSON-Array gemischte Typen wie Strings und Zahlen enthält?: Arrays mit gemischten Typen erzeugen einen Union-Type. Zum Beispiel wird [1, 'hello', true] zu (number | string | boolean)[]. Wenn das Array nur einen einheitlichen Typ hat, ist kein Union nötig.
Lädt dieses Tool meine Daten hoch?: Nein. Alles läuft direkt in deinem Browser, deine Daten verlassen dein Gerät nie — nach dem Laden funktioniert es sogar offline.