Binatomy
Generatore TypeScript

JSON to TypeScript

Incolla un JSON e genera istantaneamente le interfacce TypeScript, con inferenza ricorsiva di oggetti annidati, array e tipi opzionali
FAQ

Domande Frequenti

Tutto quello che devi sapere sulla generazione di interfacce TypeScript

Come vengono inferiti i tipi dal JSON?

Lo strumento analizza ricorsivamente il tuo JSON: le stringhe diventano string, i numeri number, i booleani boolean. Ogni oggetto annidato genera una propria interfaccia con nome in PascalCase derivato dalla chiave, mentre gli array producono tipi con notazione [] inferendo il tipo degli elementi. I valori null vengono trattati come proprieta opzionali.

Come vengono gestiti array e tipi misti?

Per gli array, lo strumento esamina tutti gli elementi e costruisce un tipo unione quando trova tipi diversi (ad esempio (string | number)[]). Un array vuoto diventa any[]. Se gli elementi sono oggetti, viene generata un'interfaccia riutilizzabile con nome al singolare. Tutto il calcolo avviene nel browser, il tuo JSON non lascia mai il dispositivo.

Posso cambiare il nome dell'interfaccia principale?

Si, usa il campo "Nome interfaccia radice" per impostare il nome dell'interfaccia di primo livello. Il testo viene automaticamente convertito in PascalCase valido per TypeScript. Le interfacce annidate prendono automaticamente il nome dalle rispettive chiavi, con eventuali suffissi numerici in caso di collisioni per garantire nomi univoci.

Come vengono tipizzati gli array presenti nel JSON?

Ogni elemento dell'array viene analizzato e i tipi trovati formano una union. Se gli elementi hanno tutti la stessa forma il risultato è un array di un'unica interfaccia, altrimenti compare una union fra i tipi.

Cosa succede ai valori null del JSON?

Un valore null nel JSON di partenza produce una proprietà marcata come opzionale con il punto interrogativo e di tipo null, perché dal solo esempio non si può dedurre il tipo reale di quel campo.

Si può cambiare il nome dell'interfaccia principale?

Sì, c'è un campo per il nome dell'interfaccia radice, che di partenza è RootObject. Il nome viene convertito in PascalCase e le interfacce annidate prendono il nome dalla chiave che le contiene.