JSON in TypeScript
- I file non lasciano il dispositivo
- Funziona nel browser
- Gratis, senza account, senza filigrana
Objects in the same array are merged: keys missing from some items become optional, and differing value types become unions. Identical shapes share one type.
Come usare JSON in TypeScript
Incolla un esempio JSON e ottieni interfacce TypeScript, uno schema Zod o un JSON Schema. Gli oggetti negli array vengono uniti, così le chiavi assenti da alcuni elementi diventano facoltative e i tipi misti diventano unioni. Tutto gira in locale nel browser.
- 1
Incolla un esempio JSON nella casella JSON, trascina un file, oppure fai clic su Esempio.
- 2
Scegli un Output: TypeScript, Zod o JSON Schema e imposta il Nome radice.
- 3
Scegli come vengono tipizzati i Valori null e, per TypeScript, se Dichiarare come interface o type.
- 4
Attiva Rileva le stringhe data, Proprietà di sola lettura o Non consentire proprietà extra se serve, poi copia o scarica il risultato.
Domande frequenti
Il JSON viene inviato da qualche parte?
No. La generazione dei tipi gira nel browser, quindi le risposte API con dati veri restano sul dispositivo.
Come vengono gestiti gli array di oggetti con chiavi diverse?
Vengono uniti in un solo tipo. Le chiavi che mancano ad alcuni elementi diventano facoltative e le chiavi con tipi di valore diversi diventano unioni. Le forme identiche condividono un tipo.
Qual è la differenza tra T | null e Facoltativo + null?
T | null tiene la chiave obbligatoria ma consente null. Facoltativo + null lascia anche omettere la chiave, il che va bene per le API che scartano i campi null.
Rileva le date?
Con Rileva le stringhe data attivo, le stringhe ISO 8601 ricevono un commento in TypeScript, un validatore datetime in Zod e un format in JSON Schema.
Posso incollare JSON con commenti o virgole finali?
Sì. L'input viene analizzato in modo permissivo, quindi commenti, virgole finali e sintassi JSON5 sono accettati e una nota ti dice quando è successo.