JSON til TypeScript Konverter

At skrive TypeScript interfaces i hånden til en JSON API-respons er langsomt og fejlbehæftet: Indlejrede objekter skal have deres eget interface, arrays skal have en elementtype, og et felt, der nogle gange mangler, skal markeres som valgfrit – overse nogen af disse, og compileren tier stille, mens din kode glider ud af sync med den reelle dataform.

Denne konverter klarer det arbejde for dig. Indsæt et vilkårligt JSON-objekt eller en array, og den gennemgår strukturen rekursivt: Et indlejret objekt bliver sit eget navngivne interface, en array af objekter får et elementinterface med felter, der sammenlignes på tværs af hvert element i den array – et felt, der kun findes i nogle af dem, markeres med et afsluttende ?, og et felt, der nogle gange er null og nogle gange en værdi, kommer ud som den korrekte union string | null i stedet for det ene eller det andet.

En formatomskifter ændrer kun, hvordan den samme udtænkte struktur udskrives: En interface-blok, et type alias eller et Zod-skema opbygget af z.object()-, z.array()- og z.union()-kald med .optional() og .nullable(), hvor de hører hjemme. Zod i sig selv er en separat npm-pakke (npm install zod) – dette værktøj skriver kun skemakildekoden, det installerer intet for dig.

Alt kører lokalt i din browser i det øjeblik, du skriver eller indsætter, uden nogen send-knap og uden upload – praktisk for data, der indeholder rigtige kundedata. Hvis du skal arbejde med selve JSON-teksten frem for dens udledte typer, så se JSON-formateringsværktøjet til pretty-print eller minificering og JSON-valideringsværktøjet til at udpege en syntaksfejl, inden du konverterer.