Typgenerierung
Vergleichen Sie das fehlende tag und den null-Wert von score im Beispiel. Für einen ausdrücklichen Vertrag gibt es den Schema-Modus.
Analyse und Generierung erfolgen in diesem Browser. Eingaben werden weder hochgeladen noch gespeichert.
3 Deklarationen · 1 optionale Eigenschaften
JSON zu TypeScript unterstützt den Einstieg in ein API-Modell. Eine einzelne erfolgreiche Antwort zeigt oft nicht, welche Felder später fehlen. Fassen Sie mehrere typische Datensätze in einem Array zusammen, bevor Sie die Deklarationen übernehmen.
Wenn Sie JSON in TypeScript umwandeln, bleibt eine Prüfung gegen die API-Dokumentation nötig. Fehlende Eigenschaften und vorhandene null-Werte sind unterschiedliche Aussagen; unbekannte Varianten kann auch die Typinferenz nicht aus einem Beispiel rekonstruieren.
JSON zu TypeScript wertet sämtliche Array-Elemente aus. Fehlt tag in einem Objekt, wird es optional. Enthält score Zahlen und null, entsteht eine Union. So lassen sich fehlende Felder und leere Werte im Ergebnis getrennt prüfen.
Ein Schema kann Pflichtfelder und erlaubte Enum-Werte festlegen, die im Beispiel nicht erkennbar sind. Wählen Sie den Eingabemodus ausdrücklich. Nicht unterstützte Aussagen führen zu einem Fehler mit Pfad, statt unbemerkt aus der Deklaration zu verschwinden.
Mehrere Datensätze gehören in ein gültiges JSON-Array. Objekte werden an derselben Strukturposition verglichen. Gleichnamige Eigenschaften an anderen Stellen werden dadurch nicht automatisch zu einem gemeinsamen Modell.
Ein Moduswechsel behält die Eingabe. Beispiel lädt passende Daten für den gewählten Modus. Im Schema bestimmt required die Pflichtfelder; der Schalter für ausschließlich optionale Felder gilt nur für Beispieldaten.
Die Automatik wartet nach Änderungen 350 ms. Ausschalten zeigt die Schaltfläche zum Generieren; Ctrl/Cmd+Enter funktioniert ebenfalls. Jede Änderung sperrt den Export, bis eine aktuelle Berechnung erfolgreich ist. Root ist der Ausgangspunkt für abgeleitete Namen.
Zahlen und Zeichenketten an gleicher Stelle bilden eine Union. Auch verschachtelte Arrays werden gemeinsam ausgewertet. Leere Arrays übernehmen vorhandene Hinweise anderer Arrays an gleicher Position; ohne Elemente bleibt unknown[]. Feste Tupellängen werden nicht erzeugt.
Fehlt eine Eigenschaft in einigen Objekten, erhält sie ?. Ein vorhandener null-Wert bleibt null oder Teil einer Union. Aus null allein wird kein string oder number erraten. Aktivieren Sie strictNullChecks im Projekt, damit die Unterscheidung bei der Typprüfung greift.
Der Stammname ist Root. Namen verschachtelter Deklarationen entstehen aus den übergeordneten Feldern; Kollisionen erhalten stabile Zahlensuffixe. Eigenschaftsnamen bleiben erhalten und werden bei Bedarf in Anführungszeichen gesetzt. Der Stammname muss ein ASCII-Bezeichner mit höchstens 64 Zeichen ohne reserviertes Wort sein.
Unterstützt werden boolesche Schemas, type, properties, required, einzelne items-Schemas, boolesches additionalProperties und skalare enum/const-Werte. anyOf erlaubt nur Anmerkungen als Geschwister. Wählen Sie interface oder type, export und zwei oder vier Leerzeichen. integer wird als number ausgegeben.
Richten Sie sich nach der Konvention Ihres Projekts. interface gilt hier für Objektdeklarationen. Ein Array, primitiver Wert oder Unionstyp an der Wurzel benötigt unabhängig davon einen type-Alias.
Datumsähnliche Zeichenketten bleiben string. Beispielwerte werden nicht als vollständige Enum-Menge interpretiert. Mit einem unterstützten Schema können Sie erlaubte skalare Werte ausdrücklich durch enum oder const angeben.
Erzeugen Sie die Deklarationen, kopieren Sie sie in eine TypeScript-Datei oder öffnen Sie die heruntergeladene .ts-Datei. Dieses Werkzeug installiert keine Editor-Erweiterung. Prüfen Sie Namen und Importe im Zielprojekt.
Sie erhalten eigene Deklarationen, deren Namen vom Stamm und dem enthaltenden Feld abgeleitet werden. JSON zu TypeScript ergänzt bei Namenskollisionen Zahlen. Eigenschaften werden dabei nicht umbenannt.
Verschiedene beobachtete Werttypen bilden Unions. Eine Zahl und null ergeben number | null. Eine nur fehlende Eigenschaft ist dagegen optional. Bei ausschließlich leeren Arrays bleibt der Elementtyp unknown.
Ein auffälliges Ergebnis gefunden?
Mit JSON zu TypeScript können Sie mehrere Antwortvarianten vergleichen, optionale Felder prüfen und die Deklarationen anschließend im Projekt weiterbearbeiten.