🔷 JSON zu TypeScript -- Sofort-Interface-Generator, Kostenlos & Offline
Fuege ein beliebiges JSON-Objekt oder -Array ein, und dieses Tool generiert sofort TypeScript-Interface- (oder Typalias-) Definitionen -- vollstaendig kostenlos, ohne Login, ohne Upload, und laeuft 100% im Browser. Verschachtelte Objekte werden zu verschachtelten Interfaces, Objekt-Arrays werden zu einer einzigen getypten Form mit optionalen Feldern zusammengefuehrt, und Arrays mit gemischten Typen erzeugen automatisch Union-Types.
Ü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 fuehren 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 gewaehlt werden, und der Name des Root-Interface ist einstellbar. Alles bleibt im Browser -- deine JSON-Daten werden nirgendwohin gesendet.
Verwendung
- Fuege dein JSON in das Eingabefeld ein -- Objekte, Arrays und verschachtelte Strukturen werden alle unterstuetzt.
- Lege den Namen des Root-Interface fest (Standard: RootObject) und waehle interface oder type alias.
- Klicke auf In TypeScript umwandeln (oder druecke Ctrl+Enter), um die Definitionen sofort zu generieren.
- Pruefe 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 einzufuegen.
Häufige Fragen
- Laedt dieses Tool mein JSON auf einen Server hoch?
- Nein. Die gesamte Verarbeitung erfolgt vollstaendig in deinem Browser per JavaScript. Dein JSON verlaeesst dein Geraet nie.
- Wie werden Arrays von Objekten mit unterschiedlichen Shapes behandelt?
- Alle Element-Shapes werden zu einem Interface zusammengefuehrt. 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 fuer Objekt-Shapes). type verwendet Typaliasnamen (flexibler, unterstuetzt Primitive und Unions auf Root-Ebene). Fuer Objekt-Shapes liefern beide aequivalente Ergebnisse.
- Kann es tief verschachteltes JSON verarbeiten?
- Ja. Der Typ-Walker ist vollstaendig rekursiv -- jedes verschachtelte Objekt erzeugt sein eigenes benanntes Interface, und die Interfaces werden in Abhaengigkeitsreihenfolge (tiefstes zuerst) ausgegeben, sodass TypeScript ohne Vorwaertsreferenz-Fehler kompiliert.
- Was passiert, wenn mein JSON-Array gemischte Typen wie Strings und Zahlen enthaelt?
- 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 noetig.