JSON naar TypeScript omzetter

Wat is JSON naar TypeScript-conversie?

Voorbeelden

{"id":101,"name":"Ada Lovelace","email":"ada@example.com","active":true,"roles":["admin","user"]}

{"order":{"id":"A-1","total":42.5,"customer":{"name":"Sam","vip":false}}}

{"users":[{"id":1,"nick":"x"},{"id":2}]}

{"tags":["a","b"],"score":null,"meta":[1,"two"]}

{"login":"octocat","id":1,"public_repos":2,"plan":{"name":"pro","private_repos":50}}

Zo zet je JSON om naar TypeScript

1. 1

   Plak je JSON

   Zet een JSON-object, array of API-respons in het invoerveld. De conversie start direct.

2. 2

   Stem de uitvoer af

   Kies interface of type, stel een rootnaam in, schakel export in of uit en kies ?: of | null voor optionele velden.

3. 3

   Kopieer of download

   Haal de gegenereerde TypeScript met één klik op en plak het rechtstreeks in je codebase.

Hoe de conversie werkt

Structurele afleiding

Elk object wordt een benoemde interface; identieke vormen worden ontdubbeld, zodat je één type krijgt en geen kopieën.

Arrays samenvoegen

Arrays van objecten worden sleutel voor sleutel samengevoegd; sleutels die in sommige items ontbreken, worden als optioneel gemarkeerd.

100% lokaal in de browser

Het verwerken en genereren draait in je browser zonder netwerkaanroepen, zodat je data privé blijft.

Tips voor schone TypeScript-types

Geef je roottype een naam

Stel een betekenisvolle rootnaam in (bijv. User, ApiResponse) in plaats van de standaard Root voor leesbare code.

Geef de voorkeur aan optioneel boven null bij schaarse data

Gebruik ?: voor velden die kunnen ontbreken en | null alleen wanneer de API expliciet null retourneert.

Veelgestelde vragen