JSON til TypeScript-konverterer
Konverter JSON til TypeScript-grensesnitt, typealiaser eller et Zod-skjema direkte, med ekte registrering av valgfrie felt på tvers av tabeller.
🔒 Behandles i sin helhet i nettleseren din – ingenting du skriver inn her blir noen gang lastet opp.
Resultat
Å skrive TypeScript-grensesnitt for hånd for et JSON API-svar er tregt og feilutsatt: nøstede objekter trenger sitt eget grensesnitt, tabeller trenger en elementtype, og et felt som noen ganger mangler må markeres som valgfritt – gå glipp av noe av det, og kompilatoren forblir taus mens koden din kommer ut av synk med den virkelige dataformen.
Denne konvertereren gjør den jobben for deg. Lim inn et hvilket som helst JSON-objekt eller tabell, så traverserer den strukturen rekursivt: et nøstet objekt blir til sitt eget navngitte grensesnitt, en tabell med objekter får et elementgrensesnitt med felt sammenlignet på tvers av hvert element i den tabellen – et felt som bare finnes i noen av dem markeres med et etterhengt ?, og et felt som noen ganger er null og noen ganger en verdi kommer ut som en skikkelig string | null union i stedet for enten det ene eller det andre.
En formatbryter veksler bare hvordan den samme utledede strukturen skrives ut: et grensesnittblokk, et typealias eller et Zod-skjema bygget av z.object(), z.array() og z.union() kall med .optional() og .nullable() der det er relevant. Zod er selv en separat npm-pakke (npm install zod) – dette verktøyet skriver bare skjemakildekoden, det installerer ingenting for deg.
Alt kjøres lokalt i nettleseren din i det øyeblikket du skriver eller limer inn, uten send-knapp og uten opplasting – praktisk for nyttelaster som inneholder ekte kundedata. For å jobbe med selve JSON-teksten i stedet for dens utledede typer, se JSON-formatereren for å pretty-printe eller minifisere den, og JSON-validatoren for å finne en syntaksfeil før du konverterer.