Zum Inhalt springen
Toolbox

JSON zu TypeScript: Interfaces generieren

Füge eine JSON-Antwort ein und erhalte die passenden TypeScript-Typen. Verschachtelte Objekte werden zu eigenen Interfaces, und Schlüssel, die in manchen Array-Elementen fehlen, werden optional.

Läuft in deinem Browser. Nichts wird hochgeladen.

Das Tool JSON zu TypeScript wird geladen…

Anleitung: JSON zu TypeScript

  1. Füge ein Beispiel deines JSON ein.

  2. Wähle den Namen des Wurzeltyps und ob Interfaces oder Typ-Aliase erzeugt werden sollen.

  3. Kopiere das erzeugte TypeScript.

Häufig gestellte Fragen

Wie werden Arrays mit Objekten behandelt?

Alle Elemente werden zu einem Typ zusammengeführt. Ein Schlüssel, der in manchen Elementen fehlt, wird optional, und ein Schlüssel mit Werten unterschiedlicher Typen bekommt einen Union-Typ wie string | number.

Welchen Typ bekommt null?

null. Wenn derselbe Schlüssel in einem anderen Element einen Wert hat, wird der Typ zu einer Union wie string | null.

  • JSON-Formatter Neu

    JSON formatieren, validieren und minifizieren und in einer einklappbaren Baumansicht mit Filter für Schlüssel und Werte erkunden. Fehler mit Zeile und Spalte.

  • JSON-zu-CSV-Konverter Neu

    Mach aus einem JSON-Array eine Tabelle zum Sortieren und Filtern und lade sie als CSV für Excel oder Google Sheets herunter. Wandelt auch CSV in JSON um.

  • JSONPath-Tester Neu

    Frage JSON mit JSONPath ab: Wähle Felder aus, filtere Arrays nach Bedingungen und sortiere die Ergebnisse. Mit Beispielen und Spickzettel.

  • JSON-Diff Neu

    Vergleiche zwei JSON-Dokumente und sieh jeden hinzugefügten, entfernten und geänderten Wert mit seinem Pfad. Die Reihenfolge der Schlüssel ist egal.

Alle Tools in Entwickler