Convertire JSON in TypeScript

Per convertire JSON in TypeScript, incolla qui sotto dati di esempio: lo strumento genera interfacce o tipi con oggetti annidati, array e campi opzionali – oppure uno schema JSON. I tuoi dati restano nel browser.

Fonte: TypeScript Handbook – Object Types (interfaces, optional properties, readonly). Aggiornato al: .

I miei strumenti

Risultato

Risultato
export interface Root { id: number; name: string; email: null; tags: string[]; address: Address; orders: Order[]; active: boolean; } export interface Address { street: string; zip: string; } export interface Order { no: number; total: number; voucher?: string; }
Riepilogo
3 tipi generati da 217 caratteri di JSON.
Viene dedotto solo ciò che compare nei dati di esempio: un campo che lì non è mai stato null non viene riconosciuto come nullable; i campi che non sono in ogni oggetto diventano opzionali (?).

Come si calcola

Convertire JSON in TypeScript significa dedurre i tipi giusti da dati di esempio. {"id": 1, "name": "Anna"} diventa un’interfaccia con id: number e name: string. Lo strumento legge il tuo JSON nel tuo browser, unisce gli oggetti dello stesso tipo e scrive i tipi come codice sorgente – senza caricamento.

Come funziona

  1. Incolla il JSON nel campo, per esempio una risposta di un’API.
  2. Scegli l’uscita: interfacce, tipi (type) o schema JSON. Imposta nomi, export, readonly e rientro come preferisci.
  3. Copia il risultato e incollalo nel tuo progetto.

Come nascono i tipi

Limiti

Il risultato è una bozza: controllalo con la documentazione dell’interfaccia, perché dei dati di esempio non mostrano ogni caso possibile.

Privacy

Il JSON non lascia il tuo browser. Per continuare: formattare JSON, CSV in JSON o YAML in JSON.

Domande frequenti

Come converto JSON in TypeScript?

Incolla il JSON e scegli «Interfacce TypeScript»: lo strumento genera interfacce con tutti i campi, tipi annidati e array. Copiale nel tuo progetto.

Interface o type: quale è meglio?

Entrambi descrivono la stessa forma. Le interfacce si possono estendere e spesso danno messaggi di errore migliori; type è più flessibile con le unioni. Lo strumento genera l’uno o l’altro.

Come riconosce lo strumento i campi opzionali?

Un campo che manca in un oggetto ma compare in un altro riceve un punto interrogativo. Per questo vengono uniti più oggetti di un array.

Posso generare anche uno schema JSON?

Sì, scegli «Schema JSON (2020-12)». Lo schema contiene tipi, proprietà annidate e l’elenco dei campi obbligatori.

Il mio JSON viene caricato da qualche parte?

No. I tipi vengono creati interamente nel tuo browser.

Fonti e riferimenti normativi

Aggiornato al: · Principi editoriali

Strumenti correlati