What this tool generates

Each JSON object becomes a TypeScript interface. Nested objects get their own named interface. Arrays of objects merge all encountered keys — keys absent from some items become optional properties. Primitive arrays produce typed array signatures like string[] or number[].

JSON zu TypeScript online

input.json

{
  "id": 1,
  "name": "Alice Johnson",
  "email": "alice@example.com",
  "age": 30,
  "active": true,
  "address": {
    "street": "123 Main St",
    "city": "New York",
    "zip": "10001"
  },
  "tags": ["admin", "editor"],
  "orders": [
    { "id": 101, "total": 49.99, "status": "shipped" },
    { "id": 102, "total": 99.00, "status": "pending" }
  ]
}

types.ts

Klick auf Konvertieren, um TypeScript-Interfaces zu erzeugen.

Verwandt

Anleitungen zu TS Types

Alle Anleitungen →

Anleitung

LLM-JSON-Ausgabe reparieren: Beinahe-JSON von KI handhaben

LLMs geben JSON häufig in ```json-Fences gewickelt zurück, mit einfachen Anführungszeichen, Python-Literalen oder nicht zitierten Schlüsseln. Repariere die Syntax, validiere strikt und leite dann TypeScript-Typen aus der bereinigten Ausgabe ab.

Anleitung

LLM-JSON-Ausgabe reparieren

KI-Antworten sehen oft wie JSON aus, enthalten aber Markdown-Fences, Kommentare, Python-Literale oder JavaScript-Objektsyntax.

Anleitung

JSON vs. JavaScript-Objektliteral

JSON sieht aus wie ein JavaScript-Objektliteral, ist aber ein kleineres Datenformat mit strengerer Syntax und ohne ausführbare Werte.

So funktioniert die Umwandlung von JSON in TypeScript

Jedes JSON-Objekt erzeugt ein TypeScript-interface. Das Wurzelobjekt heißt standardmäßig Root. Verschachtelte Objekte erhalten eigene benannte Interfaces nach dem entsprechenden Schlüssel —— ein Schlüssel namens address liefert ein Interface Address.

Arrays und optionale Felder

Bei Objekt-Arrays werden alle Schlüssel zusammengeführt, die in mindestens einem Element vorkommen. Fehlt ein Schlüssel bei manchen Elementen, wird er optional (key?: Type). Arrays primitiver Werte erhalten typisierte Signaturen wie string[] oder number[].

Wann das nützlich ist

API-Integration —— Antwort einfügen und sofort Typdefinitionen erhalten, die in dein TypeScript-Projekt passen
Prototyping —— schnell ein Interface-Gerüst für eine neue API oder einen neuen Datensatz aufbauen, bevor du die Parse-Logik schreibst
Code-Reviews —— prüfen, ob die Form der JSON-Payload zu den Interfaces passt, die dein Code erwartet