JSON zu TypeScript Konverter

Was ist die JSON-zu-TypeScript-Konvertierung?

Beispiele

{"id":101,"name":"Ada Lovelace","email":"ada@example.com","active":true,"roles":["admin","user"]}

{"order":{"id":"A-1","total":42.5,"customer":{"name":"Sam","vip":false}}}

{"users":[{"id":1,"nick":"x"},{"id":2}]}

{"tags":["a","b"],"score":null,"meta":[1,"two"]}

{"login":"octocat","id":1,"public_repos":2,"plan":{"name":"pro","private_repos":50}}

So konvertieren Sie JSON nach TypeScript

1. 1

   JSON einfügen

   Fügen Sie ein JSON-Objekt, ein Array oder eine API-Antwort in das Eingabefeld ein. Die Konvertierung startet sofort.

2. 2

   Ausgabe anpassen

   Wählen Sie interface oder type, legen Sie einen Root-Namen fest, schalten Sie export um und wählen Sie ?: oder | null für optionale Felder.

3. 3

   Kopieren oder herunterladen

   Übernehmen Sie das erzeugte TypeScript mit einem Klick und fügen Sie es direkt in Ihre Codebasis ein.

Wie die Konvertierung funktioniert

Strukturelle Inferenz

Jedes Objekt wird zu einem benannten Interface; identische Formen werden dedupliziert, sodass Sie einen Typ statt Kopien erhalten.

Array-Zusammenführung

Arrays von Objekten werden Schlüssel für Schlüssel zusammengeführt; Schlüssel, die in einigen Elementen fehlen, werden als optional markiert.

100 % clientseitig

Parsing und Generierung laufen in Ihrem Browser ohne Netzwerkaufrufe, sodass Ihre Daten privat bleiben.

Tipps für saubere TypeScript-Typen

Benennen Sie Ihren Root-Typ

Vergeben Sie einen aussagekräftigen Root-Namen (z. B. User, ApiResponse) statt des Standards Root für lesbaren Code.

Optional dem null vorziehen, wenn Daten spärlich sind

Verwenden Sie ?: für Felder, die fehlen können, und | null nur, wenn die API explizit null zurückgibt.

Häufig gestellte Fragen