Convertitore da JSON a TypeScript

Cos'è la conversione da JSON a TypeScript?

Esempi

{"id":101,"name":"Ada Lovelace","email":"ada@example.com","active":true,"roles":["admin","user"]}

{"order":{"id":"A-1","total":42.5,"customer":{"name":"Sam","vip":false}}}

{"users":[{"id":1,"nick":"x"},{"id":2}]}

{"tags":["a","b"],"score":null,"meta":[1,"two"]}

{"login":"octocat","id":1,"public_repos":2,"plan":{"name":"pro","private_repos":50}}

Come convertire JSON in TypeScript

1. 1

   Incolla il tuo JSON

   Inserisci un oggetto JSON, un array o una risposta API nel campo di input. La conversione parte istantaneamente.

2. 2

   Regola l'output

   Scegli interface o type, imposta un nome radice, attiva export e scegli ?: o | null per i campi opzionali.

3. 3

   Copia o scarica

   Prendi il TypeScript generato con un clic e incollalo direttamente nel tuo codebase.

Come funziona la conversione

Inferenza strutturale

Ogni oggetto diventa un'interfaccia con nome; le forme identiche vengono deduplicate così ottieni un solo tipo, non copie.

Unione degli array

Gli array di oggetti vengono uniti chiave per chiave; le chiavi assenti in alcuni elementi vengono contrassegnate come opzionali.

100% lato client

Il parsing e la generazione girano nel tuo browser senza chiamate di rete, così i tuoi dati restano privati.

Consigli per tipi TypeScript puliti

Dai un nome al tipo radice

Imposta un nome radice significativo (ad esempio User, ApiResponse) invece del Root predefinito per un codice leggibile.

Preferisci opzionale a null quando i dati sono sparsi

Usa ?: per i campi che potrebbero essere assenti e | null solo quando l'API restituisce esplicitamente null.

Domande frequenti