MyDevTools

JSON zu TypeScript Konverter

Konvertiere JSON-Objekte in TypeScript-Interfaces und Typ-Aliase — privat, läuft vollständig im Browser

Der JSON-zu-TypeScript-Konverter wandelt JSON-Daten in sekunden in stark typisierte TypeScript-Interfaces und Typ-Aliase um. Die gesamte Konvertierung erfolgt lokal im Browser — deine Daten verlassen niemals deinen Computer.

Detaillierte Funktionalität

Der Konverter analysiert die Struktur beliebiger JSON-Objekte oder Arrays und erzeugt idiomatische TypeScript-Definitionen. Verschachtelte Objekte werden automatisch in separate benannte Interfaces extrahiert.

Hauptoptionen:

  • Root-Name — passe den Namen des obersten Interfaces an (Standard: `Root`).
  • export — fügt `export` vor jedem generierten Interface oder Typ-Alias hinzu.
  • Optionale Felder (?) — markiert Eigenschaften mit `null`-Wert als optional.
  • Typ-Alias — generiert `type Foo = { … }` statt `interface Foo { … }`.

Praktische Beispiele

Beispiel 1: API-Antwort → TypeScript

Füge eine REST-API-Antwort ein, lege den Root-Namen fest und konvertiere. Du erhältst fertige Interfaces für dein Projekt.

Beispiel 2: Tief verschachtelte Konfiguration

JSON-Konfigurationsdateien mit vielen Verschachtelungsebenen werden automatisch verarbeitet.

Beispiel 3: Array von Objekten

Wenn der Root-Wert ein Array ist, generiert das Tool einen Typ-Alias für das Array und ein Interface für das Element.

So verwenden Sie dieses Tool

Schritt 1: JSON einfügen

Kopiere dein JSON aus einer API-Antwort oder Konfigurationsdatei und füge es in das linke Panel ein. Die TypeScript-Ausgabe aktualisiert sich automatisch.

Schritt 2: Optionen konfigurieren

Lege den Root-Interface-Namen fest, wähle ob `export` hinzugefügt werden soll, schalte optionale Felder um und wähle zwischen `interface` und `type`.

Schritt 3: Ergebnis verwenden

Klicke auf Kopieren oder Als .ts herunterladen.

Tipps und Best Practices

  • Live-Konvertierung — die Ausgabe aktualisiert sich sofort beim Bearbeiten des JSON.
  • Namenskonventionen — `snake_case`- und `kebab-case`-Schlüssel werden automatisch in `PascalCase` umgewandelt.
  • Große Daten — der Konverter verarbeitet große und tief verschachtelte JSON-Strukturen ohne Leistungsprobleme.
Keine Daten werden an den Server gesendet