JSON till TypeScript-konverterare

Att skriva TypeScript-interface för hand för ett JSON API-svar är långsamt och felbenäget: nästlade objekt behöver sitt eget interface, arrayer behöver en elementtyp, och ett fält som ibland saknas måste markeras som valfritt – missar du något av det så är kompilatorn tyst medan din kod glider ur synk med den verkliga datastrukturen.

Denna konverterare gör jobbet åt dig. Klistra in valfritt JSON-objekt eller array, så traverserar den strukturen rekursivt: ett nästlat objekt blir sitt eget namngivna interface, en array av objekt får ett elementinterface med fält jämförda över varje element i den arrayen – ett fält som bara finns i vissa av dem markeras med ett avslutande ?, och ett fält som ibland är null och ibland ett värde blir en korrekt sträng | null-union istället för det ena eller det andra.

En formatväxlare ändrar bara hur samma härledda struktur skrivs ut: ett interface-block, ett typ-alias eller ett Zod-schema byggt av z.object()-, z.array()- och z.union()-anrop med .optional() och .nullable() där de hör hemma. Zod i sig är ett separat npm-paket (npm install zod) – detta verktyg skriver bara schemakoden, det installerar ingenting åt dig.

Allt körs lokalt i din webbläsare i samma ögonblick du skriver eller klistrar in, utan någon skicka-knapp och utan uppladdning – praktiskt för datamängder som innehåller riktiga kunddata. För att arbeta med själva JSON-texten snarare än dess härledda typer, se JSON-formateraren för att pretty-printa eller minifiera den och JSON-valideraren för att lokalisera ett syntaxfel innan du konverterar.