JSON naar TypeScript
Werkt op je apparaat. Er wordt niets verstuurd.Je JSON verlaat je apparaat niet - de types worden in je browser gemaakt.
Declareren als
TypeScript
Plak JSON om de TypeScript-types te zien.
Plak JSON en krijg TypeScript-interfaces of -types - geneste objecten benoemd, arrays samengevoegd, optionele keys en unions afgeleid.
Plak een API-antwoord, een configuratiebestand of welk JSON-voorbeeld dan ook en krijg TypeScript-declaraties voor je code. Elk genest object wordt een eigen benoemde interface, arrays van objecten worden samengevoegd - keys die in sommige items ontbreken worden optioneel en waarden van verschillende soorten worden unions - en objecten met dezelfde vorm delen één declaratie. Kies interface of type, export, readonly en hoe optionele keys worden geschreven, en kopieer de code of download een .ts-bestand.
Veelgestelde vragen
Hoe krijgen geneste types hun naam?
Naar de key waaronder ze staan, in PascalCase: een address-object wordt Address, de items van een users-array worden User. Krijgen twee verschillende vormen dezelfde naam, dan krijgt de tweede een nummer (Item2).
Waarom is een veld optioneel of een union?
In arrays wordt elk item vergeleken. Een key die in sommige items ontbreekt wordt optioneel, een key met een getal in het ene en tekst in het andere item wordt string | number. Gebruik een representatief voorbeeld.
En datums, enums en lege arrays?
JSON kent geen datumtype, dus datums blijven string, net als vaste waardenreeksen - maak ze zelf specifieker. Een lege array wordt unknown[], want er valt niets af te leiden.
Wordt mijn JSON geüpload?
Nee. Inlezen en genereren gebeurt in je browser; API-gegevens en tokens in je voorbeeld blijven op je apparaat.