So funktioniert es
- Fügen Sie ein JSON-Beispiel ein oder klicken Sie auf „Beispiel laden“.
- Legen Sie den Namen des Wurzeltyps fest.
- Wählen Sie Interfaces oder Type-Aliase.
- Kopieren Sie die erzeugten Typen oder laden Sie sie herunter.
Optionen erklärt
- Name des Wurzeltyps
- Name des obersten Typs, zum Beispiel User oder ApiResponse. Verschachtelte Typen werden nach ihren Schlüsseln benannt – aus address wird Address, und Elemente in posts werden zu Post.
- type statt interface verwenden
- Erzeugt Type-Aliase (type User = { … }) statt Interfaces. Für reine Daten funktionieren beide gleich.
Beispiele
Aus {"id": 1, "tags": ["a"], "owner": {"name": "Ada"}} wird:
export interface Owner {
name: string;
}
export interface Root {
id: number;
tags: string[];
owner: Owner;
}Häufig gestellte Fragen
Wie werden Arrays aus Objekten behandelt?
Alle Elemente werden zu einem Typ zusammengeführt. Ein Schlüssel, der nur in manchen Elementen vorkommt, wird optional (key?), und ein Wert, der manchmal null ist, wird zu einem Union-Typ wie string | null.
Warum ist ein Feld als unknown typisiert?
Das Beispiel enthielt für dieses Feld nur null, daher lässt sich sein echter Typ nicht ableiten. Ersetzen Sie unknown durch den richtigen Typ oder fügen Sie ein Beispiel ein, in dem das Feld einen Wert hat.
Sind Ganzzahlen und Dezimalzahlen unterschiedliche Typen?
Nicht in TypeScript – beide werden zu number. Die Ausgaben für Go, Rust und Python unterscheiden sie dagegen.
Wird mein JSON hochgeladen?
Nein. Die Typen werden in Ihrem Browser erzeugt, sodass API-Antworten mit echten Daten auf Ihrem Gerät bleiben.
Datenschutz
Dieses Tool läuft vollständig in Ihrem Browser. Ihre Dateien und Texte werden auf Ihrem Gerät verarbeitet und nie auf unsere Server hochgeladen.