JSON naar TypeScript omzetter
Wat is het JSON naar TypeScript omzetter
Dit hulpmiddel zet elke JSON om naar nette TypeScript-interfaces, volledig in je browser. Het doorloopt de hele structuur, maakt voor elk genest object een benoemde interface, leidt het type van elk veld af en typeert arrays op basis van hun inhoud. Wanneer de objecten in een array niet dezelfde sleutels delen, worden de ontbrekende optioneel gemarkeerd, zodat het resultaat compileert met echte data.
Hoe te gebruiken
- Plak je JSON in het invoerveld links.
- Geef de root-interface een naam als je iets anders dan Root wilt.
- Lees de gegenereerde TypeScript rechts, bijgewerkt terwijl je typt.
- Klik op Kopiëren en plaats de interfaces direct in je code.
Wanneer te gebruiken
Een JSON-respons van een API, maar geen types ervoor? Plak het en je hebt in seconden bruikbare interfaces. Voer een lijst met gebruikers in waarbij één record geen avatar-veld heeft en de omzetter markeert dat veld als optioneel (avatar?: string), zodat je types kloppen met wat het endpoint echt teruggeeft in plaats van een gok.
Veelgestelde vragen
Hoe worden optionele velden herkend?
Als je een array van objecten plakt, vergelijkt de omzetter de sleutels van elk item. Elke sleutel die niet in alle items voorkomt, wordt optioneel (met ? gemarkeerd). Sleutels die in elk item staan, blijven verplicht.
Wordt mijn JSON naar een server gestuurd?
Nee. De hele omzetting draait in je browser met JavaScript. Er wordt niets geüpload, dus privé API-responses en interne gegevens verlaten nooit je apparaat.
Hoe gaat het om met geneste objecten en arrays?
Elk genest object wordt een eigen benoemde interface, afgeleid van de sleutelnaam. Arrays worden getypeerd op basis van hun items: number[], een samengevoegde interface voor arrays van objecten, of een union zoals (string | number)[] bij gemengde inhoud.
Wat gebeurt er met null of lege arrays?
Een null-waarde krijgt het type null en een lege array wordt any[], omdat er geen voorbeeld is om het elementtype uit af te leiden. Voeg een representatief voorbeeld toe voor een nauwkeurig type.
Kan ik deze tool delen met mijn JSON al ingevuld?
Ja. De URL wordt automatisch bijgewerkt terwijl je typt. Kopieer hem uit de adresbalk of gebruik de knop Link kopiëren, en wie de link opent ziet jouw JSON al omgezet.
Gerelateerde tools
AES-tekstontsleuteling
Ontsleutel AES-256-tekst met je wachtwoord in de browser. Gratis, privé en volledig offline. Er verlaten geen gegevens je apparaat.
AES-tekstversleuteling
Versleutel tekst met een wachtwoord via AES-256 in je browser. Gratis, privé en volledig offline. Er wordt niets naar een server gestuurd.
Beeldverhouding Berekenen
Bereken de beeldverhouding, vind de ontbrekende breedte of hoogte en schaal afbeeldingen en video zonder de verhoudingen te vervormen. Gratis.