JSON zu TypeScript

Erzeuge TypeScript-Interfaces oder Typaliase aus einem JSON-Beispiel.

Daten & Formate
Dein Arbeitsbereich wird vorbereitet…
Eingabe
Ausgabe
Dein Ergebnis erscheint hier.

Anleitung

  1. Füge Text ein, öffne eine UTF-8-Datei oder nutze das Beispiel.
  2. Wähle Eingabe und Optionen, starte das Tool oder aktiviere den automatischen Lauf.
  3. Prüfe das Ergebnis und kopiere oder lade es herunter. Eingabeänderungen machen das vorige Ergebnis ungültig.

JSON zu TypeScript

Erzeuge TypeScript-Interfaces oder Typaliase aus einem JSON-Beispiel.

Die Verarbeitung läuft im Browser. Deine Eingabe wird nicht an DevToolsy gesendet.

So funktioniert es

Verschachtelte Objekte erhalten benannte Typen. Array-Datensätze werden zusammengeführt; fehlende Eigenschaften werden optional und gemischte Werte zu Unions. Leere Arrays verwenden unknown[].

Vorher und nachher
Eingabe
{"project":"DevToolsy","members":[{"name":"Ada","role":"developer"},{"name":"Lin","active":true}],"tags":["web","tools"]}
Ausgabe
export interface Root {
  project: string;
  members: RootMembersItem[];
  tags: string[];
}

export interface RootMembersItem {
  name: string;
  role?: string;
  active?: boolean;
}

Erzeuge TypeScript-Interfaces oder Typaliase aus einem JSON-Beispiel.

Optionen und Datentreue

Wähle Wurzeltyp, interface oder type, readonly und optionale Eigenschaften. Zeichenfolgen werden als string abgeleitet, nicht als Literaltypen.

Mit dem Ergebnis arbeiten

Ein Beispiel erfasst nicht alle Möglichkeiten. Prüfe null, fehlende Felder und Zahlengenauigkeit. Ergänze eine eigene Laufzeitvalidierung.

Prüfe das Ergebnis und kopiere oder lade es herunter. Eingabeänderungen machen das vorige Ergebnis ungültig.

Verarbeitungsgrenzen

UTF-8-Eingabe bis 1 MiB je Dokument, Ausgabe bis 8 MiB. JSONPath und Schema: 5 Sekunden; sonst 30 Sekunden.

Weiterführende InformationenTypeScript Handbook
?

Häufige Fragen

Wie werden Objekte und Arrays abgeleitet?

Verschachtelte Objekte erhalten benannte Typen. Array-Datensätze werden zusammengeführt; fehlende Eigenschaften werden optional und gemischte Werte zu Unions. Leere Arrays verwenden unknown[].

Welche TypeScript-Optionen gibt es?

Wähle Wurzeltyp, interface oder type, readonly und optionale Eigenschaften. Zeichenfolgen werden als string abgeleitet, nicht als Literaltypen.

Validiert das spätere API-Antworten?

Nein. Ein Beispiel erfasst nicht alle Möglichkeiten. Prüfe null, fehlende Felder und Zahlengenauigkeit. Ergänze eine eigene Laufzeitvalidierung.

Wird meine Eingabe hochgeladen?

Die Verarbeitung läuft im Browser. Deine Eingabe wird nicht an DevToolsy gesendet.

Kann ich lokale Dateien öffnen?

UTF-8-Eingabe bis 1 MiB · Ausgabe bis 8 MiB

Finde dein nächstes Tool

Sprache

Sprache wechseln? Deine aktuelle Arbeit wird gelöscht. Kopiere oder lade benötigte Daten zuerst herunter.