Monu Tools

JSON til TypeScript

Generer TypeScript-grensesnitt fra en JSON-prøve, med nestede typer, matriser og valgfrie felt. Kjører i nettleseren din.

Slik bruker du JSON til TS

  1. 01

    Lim inn et JSON-objekt eller en JSON-matrise.

  2. 02

    Angi eventuelt navnet på rotgrensesnittet.

  3. 03

    Kopier de genererte TypeScript-grensesnittene.

Hva generatoren gjør

Dette er en JSON-til-TypeScript-generator som utleder et sett med grensesnitt fra et eksempel-JSON-objekt eller -array, så du kan lime inn et API-svar og få klare-til-bruk-typer i stedet for å skrive dem for hånd.

Den er en stor tidsbesparelse når du bruker et API eller en konfigurasjonsfil: lim inn et svar, gi eventuelt rotgrensesnittet et navn, og kopier ren TypeScript rett inn i koden din.

Genereringen kjører helt i nettleseren din, så dataene dine forlater aldri enheten din, noe som betyr mye når prøven inneholder ekte verdier.

Hvordan den håndterer virkelige former

Den håndterer virkelige former: nøstede objekter blir sine egne navngitte grensesnitt referert fra forelderen, arrayer av objekter slås sammen til ett grensesnitt, og uniontyper produseres der verdiene varierer.

Valgfrie felter på tvers av blandede arrayer

Når objektene i en array ikke alle har de samme nøklene, merkes nøklene som mangler fra noen elementer som valgfrie med et spørsmålstegn, noe som samsvarer med hvordan dataene faktisk oppfører seg og holder typene ærlige.

Den utleder, den håndhever ikke et skjema

Ett viktig poeng: den utleder en form fra den enkeltprøven du gir den, i stedet for å håndheve et skjema. Hvis et felt av og til er null eller fraværende i ekte data, men ikke i prøven din, vil den genererte typen ikke vite det, så bruk et representativt eksempel.

Ofte stilte spørsmål

Hvordan håndteres nestede objekter?

Hvert nestede objekt blir sitt eget navngitte grensesnitt, referert fra forelderen, så resultatet er rent og gjenbrukbart.

Hva med matriser med ulike former?

Matriser av objekter slås sammen til ett grensesnitt, og nøkler som mangler fra noen elementer merkes som valgfrie. Matriser av blandede primitiver blir en union-elementtype.

Lastes JSON-en min opp noe sted?

Nei. Typene genereres helt i nettleseren din, så dataene dine forlater aldri enheten din.

Kilder

Bygg inn dette verktøyet

Legg til dette verktøyet på ditt eget nettsted. Kopier kodesnutten nedenfor; den holdes automatisk oppdatert.

<iframe src="https://monu.tools/embed/nb/json-to-typescript" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>

Relaterte verktøy