JSON → TypeScript Generator

Erzeugt TypeScript-Interfaces aus einem JSON-Beispiel

Generieren Sie TypeScript-Interfaces aus einem JSON-Beispiel. Fügen Sie ein JSON-Objekt ein, setzen Sie einen Root-Typnamen und erhalten Sie sofort verschachtelte Schnittstellendefinitionen mit abgeleiteten Typen. Die Konvertierung erfolgt vollständig in Ihrem Browser — keine Daten verlassen die Seite.

Aus Beispiel abgeleitet

Typen werden nur aus der Probe abgeleitet. Optionale Felder, Nullable-Werte und Union-Typen können übersehen werden — vor der Nutzung immer prüfen.

Name des Root-Interface

interface

type

readonly

null → optional (?)

Eingabe-JSON

Ausgabe-TypeScript

export interface Address {
  city: string;
  zip: string;
}

export interface Root {
  id: number;
  name: string;
  email: string;
  tags: string[];
  address: Address;
}

Wie man es benutzt

Fügen Sie ein JSON-Objekt in das linke Panel ein.
Stellen Sie den Root-Interface-Namen ein und wählen Sie Interface oder Type Alias.
Schalten Sie readonly oder null-to-optional nach Bedarf um.
Kopieren Sie die generierten TypeScript Definitionen aus dem rechten Panel – Konvertierung läuft vollständig in Ihrem Browser.

Beispiele

Das Einfügen von {"id":1,"tags":["dev"],"address":{"city":"Seoul"}} mit Root-Namen Root erzeugt eine Root Interface mit verschachtelter Address Interface, die automatisch hergeleitet wird.
Das Aktivieren von "null → optional" ändert Felder, deren Wert null ist, von `field: null` zu `field?: unknown`.

Ergebnisse vor dem Produktiveinsatz prüfen. Keine Gewährleistung — siehe Nutzungsbedingungen.