JSON naar TypeScript

Genereer TypeScript-interfaces uit een JSON-voorbeeld, met recursieve type-inferentie.

Je bestanden blijven op dit apparaat

Bestanden worden in je browser verwerkt, nooit geüpload. De site downloadt de benodigde code en bestanden. Geen accounts of trackers.

Gebruik Downloaden om deze tool als één HTML-bestand op te slaan voor offline gebruik.

Privacy →

invoer

uitvoer

Probeer een uitgewerkt voorbeeld

Voorbeeld

Plak [{"id":1},{"id":2,"note":"late"}]. Het resultaat is type Root = RootItem[]; en een interface RootItem met id: number en note?: string, omdat note in het eerste item ontbreekt.

Goed om te weten

De typen komen alleen uit het geplakte voorbeeld. Een veld dat hier een string is, kan in andere antwoorden null zijn, en getallen worden niet gesplitst in gehele en decimale getallen; vergelijk het resultaat dus met de API-documentatie.

Over deze tool

Plak een JSON-voorbeeld, zoals een API-antwoord, en krijg bijpassende TypeScript-interfaces, volledig in je browser gemaakt. Elk item in een array wordt bekeken: velden die in sommige items ontbreken worden optioneel en waarden van verschillende typen worden unions.

Veelgestelde vragen

Hoe worden geneste objecten verwerkt?

Elk genest object wordt een eigen interface, in PascalCase genoemd naar zijn sleutel. Objecten in arrays krijgen het achtervoegsel Item, zoals TagsItem.

Hoe worden arrays getypeerd?

Elk element wordt bekeken. Objecten worden samengevoegd tot één interface, velden die in sommige ontbreken krijgen ? als optioneel, en gemengde waarden worden een union zoals (string | number)[]. Lege arrays worden unknown[].