JSON til TypeScript-konverter

Hva er JSON til TypeScript-konverter

Dette verktøyet gjør enhver JSON om til rene TypeScript-grensesnitt, helt i nettleseren. Det går gjennom hele strukturen, lager et navngitt grensesnitt for hvert nøstet objekt, utleder typen til hvert felt og typer arrayer ut fra innholdet. Når objektene i en array ikke deler de samme nøklene, markeres de som mangler som valgfrie, slik at resultatet kompilerer mot reelle data.

Slik bruker du det

  1. Lim inn JSON-en din i feltet til venstre.
  2. Gi rotgrensesnittet et navn hvis du vil ha noe annet enn Root.
  3. Les den genererte TypeScript-koden til høyre, oppdatert mens du skriver.
  4. Klikk Kopier og legg grensesnittene rett inn i koden din.

Når du bør bruke det

Har du et JSON-svar fra et API, men ingen typer for det? Lim det inn, så får du ferdige grensesnitt på sekunder. Gi det en liste med brukere der én post mangler feltet avatar, og konverteren markerer det feltet som valgfritt (avatar?: string), slik at typene dine samsvarer med det endepunktet faktisk returnerer, ikke en gjetning.

Ofte stilte spørsmål

Hvordan oppdages valgfrie felt?

Når du limer inn en array av objekter, sammenligner konverteren nøklene i hvert element. Enhver nøkkel som ikke finnes i alle, blir valgfri (merket med ?). Nøkler som finnes i hvert element, forblir påkrevd.

Blir JSON-en min sendt til en server?

Nei. Hele konverteringen kjører i nettleseren din med JavaScript. Ingenting lastes opp, så private API-svar og interne data forlater aldri enheten din.

Hvordan håndteres nøstede objekter og arrayer?

Hvert nøstet objekt blir sitt eget navngitte grensesnitt, utledet fra nøkkelnavnet. Arrayer types ut fra elementene: number[], et sammenslått grensesnitt for arrayer av objekter, eller en union som (string | number)[] for blandet innhold.

Hva skjer med null eller tomme arrayer?

En null-verdi får typen null, og en tom array blir any[], siden det ikke finnes noen prøve å utlede elementtypen fra. Legg til et representativt eksempel for å få en presis type.

Kan jeg dele verktøyet med JSON-en min ferdig utfylt?

Ja. Nettadressen oppdateres automatisk mens du skriver. Kopier den fra adressefeltet eller bruk Kopier lenke-knappen, så ser den som åpner lenken din nøyaktige JSON allerede konvertert.

Relaterte verktøy