Genera interfacce TypeScript da un campione JSON, con tipi annidati, array e campi opzionali. Funziona nel browser.
Come usare JSON in TS
Incolla un oggetto o array JSON.
Facoltativamente imposta il nome dell'interfaccia radice.
Copia le interfacce TypeScript generate.
Questo è un generatore da JSON a TypeScript che deduce un insieme di interfacce da un oggetto o array JSON di esempio, così puoi incollare una risposta di API e ottenere tipi pronti all'uso invece di scriverli a mano.
È un grande risparmio di tempo quando consumi un'API o un file di configurazione: incolla una risposta, dai facoltativamente un nome all'interfaccia radice, e copia TypeScript pulito direttamente nel tuo codice.
La generazione viene eseguita interamente nel tuo browser, quindi i tuoi dati non lasciano mai il tuo dispositivo, il che è importante quando il campione contiene valori reali.
Gestisce le forme del mondo reale: gli oggetti annidati diventano interfacce proprie con un nome, referenziate dal genitore, gli array di oggetti vengono uniti in un'unica interfaccia, e vengono prodotti tipi unione dove i valori variano.
Quando gli oggetti in un array non hanno tutti le stesse chiavi, le chiavi mancanti in alcuni elementi vengono contrassegnate come facoltative con un punto interrogativo, il che corrisponde a come i dati si comportano davvero e mantiene i tipi onesti.
Un punto importante: deduce una forma dall'unico campione che gli fornisci, anziché imporre uno schema. Se un campo è a volte null o assente nei dati reali ma non nel tuo campione, il tipo generato non lo saprà, quindi usa un esempio rappresentativo.
Domande frequenti
Ogni oggetto annidato diventa un'interface dedicata, referenziata dal suo genitore, così il risultato è pulito e riutilizzabile.
Gli array di oggetti vengono uniti in un'unica interface, e le chiavi mancanti in alcuni elementi vengono contrassegnate come opzionali. Gli array di primitive miste diventano un tipo di elemento union.
No. I tipi vengono generati interamente nel tuo browser, quindi i tuoi dati non lasciano mai il tuo dispositivo.
Deduce la struttura dal campione che incolli, non lo convalida rispetto a uno schema. Usa un esempio rappresentativo così i campi opzionali o nullable vengono catturati.
Le primitive string, number, boolean e null, interface annidate per gli oggetti, array tipizzati, proprietà opzionali per le chiavi non sempre presenti, e union per i valori misti.
Incorpora questo strumento
Aggiungi questo strumento al tuo sito web. Copia lo snippet qui sotto; si aggiorna automaticamente.
<iframe src="https://monu.tools/embed/it/json-to-typescript" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>Strumenti correlati
Formatta, abbellisce e valida JSON online con messaggi di errore chiari per input non validi.
Minifica e valida JSON nel tuo browser, e visualizza quanti byte risparmi.
Converti JSON in CSV e CSV in JSON, in entrambe le direzioni. Scegli il delimitatore, gestisci i campi tra virgolette e copia il risultato. Tutto viene eseguito nel tuo browser.
Converti YAML in JSON e JSON in YAML, in entrambe le direzioni. Valida durante la conversione e mostra errori chiari. Tutto viene eseguito nel tuo browser.