Da JSON a TypeScript
Funziona sul tuo dispositivo. Nulla viene inviato.Il tuo JSON non lascia il dispositivo: i tipi vengono generati nel browser.
Dichiara come
TypeScript
Incolla JSON per vederne i tipi TypeScript.
Incolla JSON e ottieni interface o type TypeScript: oggetti annidati con nome, array uniti, chiavi opzionali e union dedotte. Nulla lascia il browser.
Incolla la risposta di un'API, un file di configurazione o un qualsiasi esempio JSON e ottieni dichiarazioni TypeScript pronte per il codice. Ogni oggetto annidato diventa un'interfaccia con nome, gli array di oggetti vengono uniti (le chiavi mancanti in alcuni elementi diventano opzionali e i valori di tipo diverso diventano union) e gli oggetti con la stessa forma condividono una dichiarazione. Scegli interface o type, export, readonly e come scrivere le chiavi opzionali, poi copia o scarica un .ts.
Domande frequenti
Come vengono chiamati i tipi annidati?
Dalla chiave sotto cui compaiono, in PascalCase: un oggetto address diventa Address, gli elementi di un array users diventano User. Se due forme diverse avrebbero lo stesso nome, la seconda prende un numero (Item2).
Perché un campo è opzionale o una union?
Negli array ogni elemento viene confrontato. Una chiave assente in alcuni diventa opzionale, una che contiene un numero in uno e un testo in un altro diventa string | number. Usa un esempio rappresentativo.
E date, enum e array vuoti?
JSON non ha un tipo data, quindi le date restano string, come gli insiemi di valori fissi: restringili a mano. Un array vuoto diventa unknown[] perché non c'è nulla da dedurre.
Il mio JSON viene caricato?
No. Analisi e generazione avvengono nel browser; dati di API e token del tuo esempio restano sul dispositivo.