JSON-zu-TypeScript-Konverter
Füge ein JSON-Beispiel ein, um passende TypeScript-Interfaces zu erzeugen, inklusive verschachtelter Objekte und Arrays.
Your files are processed locally in your browser. They are not uploaded to our servers.
So funktioniert's
- Füge ein Beispiel-JSON-Objekt oder -Array in das Eingabefeld ein.
- Klicke auf In TypeScript umwandeln.
- Kopiere die erzeugten Interfaces in deinen Code.
Was ist dieses Tool?
Der JSON-zu-TypeScript-Konverter durchläuft einen geparsten JSON-Wert und leitet daraus passende TypeScript-Interfaces ab, erzeugt für jede unterschiedliche verschachtelte Objektform ein eigenes Interface und verwendet dasselbe Interface erneut, wenn sich die Form wiederholt. Du kannst den Namen des Wurzeltyps festlegen und für jeden erzeugten Typ zwischen interface- und type-Syntax wechseln. Alles läuft komplett im Browser mit JavaScript.
Typische Anwendungen
- Typen für eine API-Antwort erzeugen, für die kein Schema vorliegt
- TypeScript-Typen aus einer Beispiel-Konfigurations- oder Datendatei erstellen
- Die Struktur einer JSON-Payload beim Debuggen schnell prüfen
- Eine Fixture-Datei in korrekt typisierte Testdaten umwandeln
Ähnliche Tools
Häufige Fragen
Wie werden Arrays aus Objekten behandelt?
Das Interface wird aus dem ersten Eintrag abgeleitet und für das gesamte Array wiederverwendet, wenn alle Einträge dieselbe Form haben.
Kann ich type-Aliase statt Interfaces wählen?
Ja, wechsle die Typ-Stil-Einstellung zwischen interface und type — jeder erzeugte Typ, auch verschachtelte, folgt deiner Wahl.
Was passiert bei Feldnamen, die keine gültigen Bezeichner sind?
Sie werden automatisch in Anführungszeichen gesetzt, zum Beispiel wird ein Feld namens first-name zu "first-name": string.
Wird mein JSON an einen Server gesendet?
Nein, die Umwandlung läuft komplett im Browser mit JavaScript — nichts von dem, was du einfügst, wird jemals hochgeladen.