Command Palette

Search for a command to run...

JS

JSON a dattiloscritto

Genera interfacce TypeScript da qualsiasi esempio JSON. Deduce i tipi nidificati, unisce array di oggetti in un'unica interfaccia, contrassegni nullable e mancanti chiavi opzionali ed emette codice esportabile pulito. 100% lato client.

Style:
Indent:
Category:data
Mode:Offline
Version:1.0.0
Access:Free

Qual è il convertitore da JS a TypeScript?

JSON to TypeScript interface on Toolz.dev - Generate TypeScript interfaces from any JSON sample. Infers nested types, merges arrays of objects into a single interface, marks nullable and missing keys optional, and emits clean exportable code. 100% client-side.

Il convertitore da JSON a TypeScript legge un valore JSON di esempio - una risposta API, un file di configurazione, un record di database - e scrive le interfacce TypeScript che lo descrivono Gli oggetti nidificati diventano le loro interfacce con nome, gli array di oggetti vengono uniti in un'interfaccia a elemento singolo anziché in un'unione estesa e le chiavi nulle o mancanti in alcuni record sono contrassegnate come opzionali Incolli i dati che hai già; ottieni tipi che altrimenti scriveresti a mano.

Digitando a mano una risposta API è noioso e soggetto a errori in un modo specifico: si digita ciò che *pensi* restituisce l'endpoint, non quello che effettivamente restituito. I campi che non hai mai notato vengono omessi, un numero intero che a volte viene digitato come `numero` e l'errore emerge in fase di esecuzione in fase di produzione anziché nel tuo editor. La generazione di tipi direttamente da un carico utile reale chiude quel divario, perché la forma su cui si compila è la forma effettivamente inviata dal server.

Tutto viene eseguito nel tuo browser Il motore di inferenza è TypeScript senza dipendenze, non un wrapper attorno a un servizio remoto, quindi i payload - che trasportano abitualmente token di accesso, record dei clienti e ID interni - non lasciano mai la pagina Scegli interfacce o digita alias, attiva/disattiva la parola chiave `export`` e i modificatori `readonly`, scegli la larghezza del rientro, quindi copia l'output o scarica un file.ts.

Le interfacce generate descrivono il campione fornito, non l'API che stai chiamando, e quella distinzione è l'intero rischio Un campo che capita di essere presente in ogni oggetto del tuo campione è contrassegnato richiesto anche se il server lo omette a volte, e un campo che è nullo nel campione non può essere distinto da uno che è sempre nullo Gli array vuoti sono il caso più chiaro: un array senza elementi non dà informazioni su ciò che contiene L'unione dell'array aiuta qui combinando ogni oggetto in un elenco in un'unica interfaccia e contrassegnando le chiavi che mancano da alcune voci come facoltative, quindi un campione più grande e vario produce un tipo più onesto Dove l'API ha uno schema o un documento OpenAPI, genera da quello invece e usa questo per esplorare una risposta non documentata.

Come utilizzare il convertitore da JS a TypeScript?

1

Incolla il tuo JSON

Elimina una risposta API, un file di fixture o qualsiasi valore JSON. Carica prima l'esempio se vuoi vedere come vengono gestiti gli oggetti nidificati, gli array e i campi nulli.

2

Assegna un nome al tipo di radice

Imposta il nome del tipo root, solitamente la risorsa, come Utente o Fattura. Le interfacce nidificate vengono denominate automaticamente dalla loro chiave, con i nomi degli elementi dell'array singolarizzati (le versioni diventano Release).

3

Scegli il tuo stile di output

Scegli Interfaccia o Digita alias, decidi se esportare ogni dichiarazione, aggiungi modificatori di sola lettura se la tua base di codice preferisce forme immutabili e imposta il rientro su 2 o 4 spazi.

4

generare, quindi copiare o scaricare

premere genera. Esamina gli optional e le unioni dedotti, quindi copia il codice negli appunti o scaricalo come file .ts pronto per essere inserito nella cartella dei tipi.

Caratteristiche principali

Estrazione interfaccia annidata

Ogni oggetto nidificato diventa la propria interfaccia denominata e riutilizzabile invece di una forma anonima inline, quindi puoi importare e fare riferimento ai tipi interni in modo indipendente.

fusione di array intelligente

Una matrice di oggetti viene unita in un'interfaccia di un elemento. Le chiavi presenti in alcuni record ma non in altri diventano facoltative, che è esattamente il comportamento reale dei dati API impaginati.

Gestione nullabile che controlli

Scegli se un valore null significa che la chiave è facoltativa o se null appartiene all'unione. Entrambe le convenzioni sono comuni; lo strumento non ne impone una sulla base di codice.

interfacce o tipo alias

emetti `interface user {}` o `type user = {}` per abbinare le tue regole di lint esistenti, con i modificatori opzionali `export` e `readonly` applicati in modo coerente su ogni dichiarazione.

Frequently Asked Questions

Incolla il tuo JSON nell'editor, imposta il nome del tipo root e premi Genera Lo strumento deduce il tipo di ogni tasto, estrae oggetti nidificati nelle loro interfacce e invia in uscita il codice che puoi copiare direttamente in un file 'ts Nessuna registrazione e nessun caricamento - inferenza viene eseguito nel tuo browser.

Comments

0 comments

0/2000 characters

No comments yet. Be the first to share your thoughts!

json to typescriptjson to typescript interfaceconvert json to typescriptjson to interface generatortypescript type generatorjson to typegenerate typescript from jsonapi response typestypescript interface from apijson schema to typescript