JSON → TypeScript

Was es tut

Das JSON → TypeScript-Werkzeug liest jedes gültige JSON und leitet daraus saubere, getypte TypeScript-Interfaces ab — nie wieder Typen von Hand schreiben. Es behandelt verschachtelte Objekte (jedes erhält ein benanntes Sub-Interface), Arrays (T[]), heterogene Arrays (zu Unions zusammengeführt oder als echte Union — Ihre Wahl), primitive Werte und null. Identische verschachtelte Formen werden zu einem gemeinsamen Interface dedupliziert, und Schlüssel, die mit TypeScript- reservierten Wörtern kollidieren, werden automatisch gequotet. Alles läuft zu 100 % in Ihrem Browser — Sie können also echte, sensible Payloads einfügen.

So benutzen Sie es

1. Fügen Sie Ihr JSON in die JSON-Eingabe ein (oder klicken Sie auf Beispiel für eine Demo).
2. Setzen Sie optional einen Root-Namen (Standard Root, zu einem gültigen Bezeichner bereinigt).
3. Wählen Sie Union-Array-Elemente: Zusammenführen (Standard — Objekte führen Schlüssel zusammen, unterschiedliche Primitive werden zur Union) oder Union (eine echte Union der unterschiedlichen Elementtypen ausgeben).
4. Aktivieren Sie Nullable → optional, um Eigenschaften, deren Typ null einschließt, als optional zu markieren.
5. Die Interfaces erscheinen live auf der rechten Seite und bleiben fixiert, während Sie im Eingabefeld scrollen.
6. Kopieren Sie das TypeScript, laden Sie es als types.ts herunter, oder kopieren Sie den Freigabelink, um exakt diese Ansicht zu reproduzieren.

Beispiele

Ein Interface aus einem verschachtelten Objekt ableiten

Eingabe:

{ "id": 7, "name": "CosmoDev", "tags": ["json", "ts"], "meta": { "version": 2 } }

Ausgabe:

interface Root {
  id: number;
  name: string;
  tags: string[];
  meta: RootMeta;
}

interface RootMeta {
  version: number;
}

Heterogene Arrays werden zu einem Union-Element zusammengeführt

Eingabe: { "xs": [1, "a"] } → Eigenschaft xs: (number | string)[].

Reservierte Schlüssel werden gequotet

Eingabe: { "class": "x", "default": 1 } → "class": string; "default": number;.

Gut zu wissen

• Teilbar: Ihre Eingabe und Optionen sind in der URL kodiert — ein Link reproduziert exakt die Ausgabe.
• Privat: die gesamte Typableitung läuft lokal — sicher für Secrets und Zugangsdaten.
• Verwandte Werkzeuge: JSON Formatter, JSON Validator,

  Base64Base64An encoding representing binary data as 64 safe ASCII characters, so it survives transport through text-only channels. It encodes — it does not encrypt.

  .