JSON till TypeScript-omvandlare
Vad är JSON till TypeScript-omvandlare
Det här verktyget gör om vilken JSON som helst till rena TypeScript-gränssnitt, helt i din webbläsare. Det går igenom hela strukturen, skapar ett namngivet gränssnitt för varje nästlat objekt, härleder typen för varje fält och typar arrayer utifrån innehållet. När objekten i en array inte har samma nycklar markeras de som saknas som valfria, så att resultatet kompilerar mot verklig data.
Så använder du
- Klistra in din JSON i fältet till vänster.
- Namnge rotgränssnittet om du vill ha något annat än Root.
- Läs den genererade TypeScript-koden till höger, uppdaterad medan du skriver.
- Klicka på Kopiera och lägg gränssnitten direkt i din kod.
När du använder det
Har du ett JSON-svar från ett API men inga typer för det? Klistra in det så får du färdiga gränssnitt på några sekunder. Mata in en lista med användare där en post saknar fältet avatar, så markerar omvandlaren det fältet som valfritt (avatar?: string), så att dina typer matchar det slutpunkten faktiskt returnerar i stället för en gissning.
Vanliga frågor
Hur upptäcks valfria fält?
När du klistrar in en array av objekt jämför omvandlaren nycklarna i varje element. Varje nyckel som inte finns i alla blir valfri (markerad med ?). Nycklar som finns i varje element förblir obligatoriska.
Skickas min JSON till en server?
Nej. Hela omvandlingen körs i din webbläsare med JavaScript. Ingenting laddas upp, så privata API-svar och intern data lämnar aldrig din enhet.
Hur hanteras nästlade objekt och arrayer?
Varje nästlat objekt blir ett eget namngivet gränssnitt, härlett från nyckelns namn. Arrayer typas utifrån sina element: number[], ett sammanslaget gränssnitt för arrayer av objekt, eller en union som (string | number)[] för blandat innehåll.
Vad händer med null eller tomma arrayer?
Ett null-värde typas som null och en tom array blir any[], eftersom det inte finns något exempel att härleda elementtypen från. Lägg till ett representativt exempel för att få en exakt typ.
Kan jag dela verktyget med min JSON ifylld?
Ja. Webbadressen uppdateras automatiskt medan du skriver. Kopiera den från adressfältet eller använd knappen Kopiera länk, så ser den som öppnar länken din exakta JSON redan omvandlad.
Relaterade verktyg
AES-textdekryptering
Dekryptera AES-256-text med ditt lösenord i webbläsaren. Gratis, privat och helt offline. Ingen data lämnar din enhet.
AES-textkryptering
Kryptera text med ett lösenord via AES-256 i webbläsaren. Gratis, privat och helt offline. Inget skickas till en server.
Bildförhållande Kalkylator
Räkna ut bildförhållandet, hitta saknad bredd eller höjd och ändra storlek på bilder och video utan att förvränga proportionerna. Gratis.