Monu Tools

JSON til TypeScript

Generér TypeScript-interfaces fra et JSON-eksempel, med indlejrede typer, arrays og valgfrie felter. Kører i din browser.

Sådan bruger du JSON til TS

  1. 01

    Indsæt et JSON-objekt eller -array.

  2. 02

    Sæt eventuelt navnet på rod-interfacet.

  3. 03

    Kopiér de genererede TypeScript-interfaces.

Hvad generatoren gør

Dette er en JSON-til-TypeScript-generator, der udleder et sæt interfaces fra et eksempel-JSON-objekt eller -array, så du kan indsætte et API-svar og få klar-til-brug-typer i stedet for at skrive dem i hånden.

Det er en stor tidsbesparelse, når du bruger et API eller en konfigurationsfil: indsæt et svar, navngiv eventuelt rod-interfacet, og kopier ren TypeScript direkte ind i din kode.

Genereringen kører helt i din browser, så dine data forlader aldrig din enhed, hvilket betyder noget, når prøven indeholder rigtige værdier.

Hvordan den håndterer virkelige former

Den håndterer virkelige former: indlejrede objekter bliver deres egne navngivne interfaces, der refereres fra forælderen, arrays af objekter flettes til ét interface, og uniontyper produceres, hvor værdier varierer.

Valgfrie felter på tværs af blandede arrays

Når objekterne i et array ikke alle har de samme nøgler, markeres de nøgler, der mangler fra nogle elementer, som valgfrie med et spørgsmålstegn, hvilket svarer til, hvordan dataene faktisk opfører sig, og holder typerne ærlige.

Den udleder, den håndhæver ikke et skema

Et vigtigt punkt: den udleder en form fra den enkelte prøve, du giver den, frem for at håndhæve et skema. Hvis et felt sommetider er null eller fraværende i rigtige data, men ikke i din prøve, ved den genererede type ikke det, så brug et repræsentativt eksempel.

Ofte stillede spørgsmål

Hvordan håndteres indlejrede objekter?

Hvert indlejret objekt bliver sit eget navngivne interface, refereret fra sit forælder, så resultatet er rent og genbrugeligt.

Hvad med arrays med forskellige former?

Arrays af objekter flettes til ét interface, og nøgler, der mangler i nogle elementer, markeres som valgfrie. Arrays af blandede primitiver bliver en union-elementtype.

Bliver min JSON uploadet et eller andet sted?

Nej. Typerne genereres fuldt ud i din browser, så dine data forlader aldrig din enhed.

Kilder

Indlejr dette værktøj

Tilføj dette værktøj til dit eget websted. Kopiér uddraget nedenfor, det holder sig automatisk opdateret.

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

Relaterede værktøjer