JSON zu TypeScript Konverter
Was ist JSON zu TypeScript Konverter
Dieses Tool verwandelt beliebiges JSON in saubere TypeScript-Interfaces, direkt im Browser. Es durchläuft die gesamte Struktur, erzeugt für jedes verschachtelte Objekt ein benanntes Interface, leitet den Typ jedes Feldes ab und typisiert Arrays anhand ihres Inhalts. Wenn die Objekte eines Arrays nicht dieselben Schlüssel haben, werden die fehlenden als optional markiert, damit das Ergebnis mit echten Daten kompiliert.
Verwendung
- Füge dein JSON in das linke Feld ein.
- Benenne das Root-Interface, falls du nicht Root verwenden möchtest.
- Lies das erzeugte TypeScript rechts, aktualisiert während der Eingabe.
- Klicke auf Kopieren und übernimm die Interfaces direkt in deinen Code.
Wann ist es nützlich?
Eine JSON-Antwort von einer API, aber keine Typen dafür? Einfügen und in Sekunden fertige Interfaces erhalten. Gib eine Nutzerliste ein, in der einem Datensatz das Feld avatar fehlt: Der Konverter markiert es als optional (avatar?: string), sodass deine Typen zu dem passen, was der Endpunkt wirklich liefert, statt zu einer Vermutung.
Häufig gestellte Fragen
Wie werden optionale Felder erkannt?
Beim Einfügen eines Arrays von Objekten vergleicht der Konverter die Schlüssel aller Elemente. Jeder Schlüssel, der nicht in allen vorkommt, wird optional (mit ? markiert). Schlüssel in jedem Element bleiben verpflichtend.
Wird mein JSON an einen Server gesendet?
Nein. Die gesamte Umwandlung läuft in deinem Browser mit JavaScript. Es wird nichts hochgeladen, daher verlassen private API-Antworten und interne Daten nie deinen Rechner.
Wie werden verschachtelte Objekte und Arrays behandelt?
Jedes verschachtelte Objekt wird zu einem eigenen benannten Interface, abgeleitet vom Schlüsselnamen. Arrays werden anhand ihrer Elemente typisiert: number[], ein zusammengeführtes Interface für Objekt-Arrays oder eine Union wie (string | number)[] bei gemischtem Inhalt.
Was passiert mit null oder leeren Arrays?
Ein null-Wert wird als null typisiert und ein leeres Array wird zu any[], da es keine Probe gibt, um den Elementtyp abzuleiten. Füge ein repräsentatives Beispiel ein, um einen genauen Typ zu erhalten.
Kann ich dieses Tool mit vorausgefülltem JSON teilen?
Ja. Die URL aktualisiert sich während du tippst. Kopiere sie aus der Adressleiste oder nutze Link kopieren, und wer den Link öffnet, sieht dein exaktes JSON bereits umgewandelt.
Ähnliche Werkzeuge
AES-Textentschlüsselung
Entschlüssele AES-256-Text mit deinem Passwort im Browser. Kostenlos, privat und komplett offline. Keine Daten verlassen dein Gerät.
AES-Textverschlüsselung
Verschlüssele Text mit einem Passwort per AES-256 im Browser. Kostenlos, privat und komplett offline. Nichts wird an einen Server gesendet.
Seitenverhältnis-Rechner
Berechne das Seitenverhältnis, finde die fehlende Breite oder Höhe und skaliere Bilder und Videos unter Beibehaltung der Proportionen. Kostenlos.