ToolboxKit

Convertitore JSON in TypeScript

Incolla un esempio JSON, come una risposta API, per generare le interfacce TypeScript corrispondenti. Gli oggetti annidati ottengono un proprio tipo con nome.

I tuoi file non lasciano mai il tuo dispositivo — tutto avviene nel browser.

JSON
TypeScript

Come si usa

  1. 1Incolla un esempio JSON, idealmente una vera risposta API.
  2. 2Imposta il nome del tipo radice, ad esempio User o ApiResponse.
  3. 3Scegli se generare dichiarazioni interface o type.
  4. 4Copia il codice generato o scaricalo come types.ts.

Domande frequenti

Come vengono rilevati i campi opzionali?

Se il JSON contiene un array di oggetti, il generatore unisce tutti gli elementi. Una chiave assente in alcuni elementi viene marcata come opzionale (?). Puoi anche rendere opzionali tutti i campi.

Che tipo riceve null?

Un valore null diventa il tipo null. Se lo stesso campo contiene a volte una stringa e a volte null, ottieni un'unione come string | null.

Meglio interface o type?

Per semplici forme di oggetti sono quasi intercambiabili. Le interface si possono estendere e unire; gli alias di tipo funzionano anche per unioni e altri tipi. Usa quello che il tuo codice usa già.

Il mio JSON viene inviato da qualche parte?

No. I tipi vengono generati nel browser: le risposte API con dati privati restano sul tuo dispositivo.

Strumenti correlati