← Tools

JSON zu TypeScript

Exakte TypeScript-Typen aus beliebigem JSON – mit einem Klick.

Privat: Deine Dateien verlassen nie dein Gerät.

Einträge einer Liste werden zu einem Typ zusammengeführt: Keys, die in manchen Einträgen fehlen, werden optional, und verschachtelte Objekte bekommen eigene benannte Typen. Nichts, was du einfügst, wird hochgeladen.

So funktioniert’s

  1. Wähle deine Dateien.
  2. Passe bei Bedarf die Einstellungen an.
  3. Lade das Ergebnis herunter oder sende es mit BroAllDone an ein anderes Gerät.

Häufige Fragen

Wie mache ich aus JSON TypeScript-Typen?

Füge das JSON ein, z. B. eine API-Antwort, und klicke auf „Typen erstellen“. Du bekommst Interfaces für jedes Objekt, fertig zum Kopieren oder Herunterladen.

Was passiert mit Listen von Objekten?

Alle Einträge werden zu einem Typ zusammengeführt. Ein Key, der in manchen Einträgen fehlt, wird optional (key?), und ein Wert, der mal Zahl und mal Text ist, wird zu number | string.

Wie werden verschachtelte Objekte benannt?

Nach ihrem Key: Aus einem Objekt „address“ wird Address, aus den Einträgen von „orders“ wird Order. Objekte mit gleicher Struktur teilen sich einen Typ, statt ihn zu wiederholen.

Kann ich stattdessen ein Zod-Schema bekommen?

Ja. Wähle „Zod-Schema“, um Schemas zum Validieren deiner Daten zu bekommen, plus die daraus abgeleiteten TypeScript-Typen.

Kann ich zwischen type und interface wählen?

Ja. Außerdem kannst du den Namen des Haupttyps festlegen, die Typen exportieren oder nicht und Felder als readonly markieren.

Wird mein JSON hochgeladen?

Nein. Die Typen entstehen in deinem Browser, deine Daten verlassen also nie dein Gerät.

Weitere kostenlose Tools