jsonecho

JSON to TypeScript

Incolla un esempio JSON e ottieni i tipi TypeScript corrispondenti.

Caricamento dello strumento...

Come usare JSON to TypeScript

  1. Incolla un esempio JSON rappresentativo, idealmente uno con tutti i campi opzionali compilati.
  2. Imposta il nome del tipo radice e decidi se vuoi anche il codice di supporto o solo i tipi.
  3. Copia il codice TypeScript generato nel tuo progetto.

Informazioni su JSON to TypeScript

Scrivere a mano le classi modello per un grande payload JSON è noioso ed è lì che si insinuano gli errori di battitura. Incolla qui un esempio e il generatore ricava la struttura: quali campi esistono, quali sono oggetti, quali sono array e che tipo ha ogni valore. L'output è costituito da interfacce per ogni oggetto. Deseleziona "Solo tipi" e viene aggiunta una classe Convert con controlli a runtime.

Un'interfaccia esiste solo in fase di compilazione. Se ti serve controllare i dati in ingresso a runtime, mantieni la classe Convert. Tutto viene eseguito nel tuo browser, quindi i dati dell'esempio restano sul tuo computer.

Usare il codice generato

Esegui il cast con const data: Root = JSON.parse(text) oppure usa il metodo generato Convert.toRoot(text) per la validazione.

Le proprietà opzionali sono scritte con un punto interrogativo e quelle nullable come string | null.

Domande frequenti

Da cosa dipende il codice TypeScript generato?

L'output è costituito da interfacce per ogni oggetto. Deseleziona "Solo tipi" e viene aggiunta una classe Convert con controlli a runtime.

Come analizzo il JSON con il risultato?

Esegui il cast con const data: Root = JSON.parse(text) oppure usa il metodo generato Convert.toRoot(text) per la validazione.

Come vengono gestiti i campi opzionali e mancanti?

Le proprietà opzionali sono scritte con un punto interrogativo e quelle nullable come string | null.

Il generatore guarda più di un record?

Conosce solo ciò che c'è nel tuo esempio. Se un campo manca dal tuo esempio, non comparirà nei tipi e, se un valore è null nel tuo esempio, il suo tipo è sconosciuto. Incolla un esempio in cui siano compilati il più possibile i campi, oppure incolla un array con diversi record differenti.

Il mio JSON viene inviato a un server?

No. Il generatore viene scaricato nel tuo browser la prima volta che lo usi, circa 1 MB, e tutto viene eseguito in locale.

Altro in Da dati a classi

Tutti gli strumenti →