Plak TypeScript aan de linkerkant en klik "Converteren" — wij maken er JSON vanPlak TypeScript

Wat deze tool doet

Je hebt een TypeScript interface plus een typed object literal, of een const config: Config = {...}, en je hebt die waarde nodig als echte JSON — voor een API-request, een fixture of een OpenAPI-example. Plak het hele blok hier. De tool strips de type-annotations, resolvet het literal en geeft je JSON terug die overal parset.

Pure type-syntax wordt behandeld zoals de TypeScript-compiler het bij emit doet: interfaces en type aliases verdwijnen, as const en satisfies veranderen niks aan de output, Record<string, X> blijft een object en de modifiers readonly en ? worden in de JSON genegeerd (ontbrekende optional fields staan er simpelweg niet in). Strings krijgen dezelfde quotes als bij JSON.stringify — double quotes, geëscaped waar nodig — en keys zijn altijd strings.

Enums emitten hun runtime value. Een numeric enum wordt een number, een string enum een string. Date-instances komen eruit als ISO-8601 volgens RFC 8259. undefined-properties vallen eruit, null blijft null. Plak gerust meerdere interfaces met hun instances in één keer — elke instance eindigt als top-level entry in de JSON.

Hoe je het gebruikt

Drie stappen. Werkt voor een interface van vijf regels of een hele <code>types.ts</code>-module.

Plak je TypeScript (of probeer het voorbeeld)

Gooi het in de editor aan de linkerkant. Een interface + typed object, een type alias, enum-definities of exported const-declaraties — allemaal prima. Klik op Voorbeeld laden om te zien hoe een realistische input eruitziet.

Laat de TypeScript handbook-achtige syntax gewoon staan — je hoeft geen generics, decorators of import type-statements te strippen. De MDN JSON reference is een prima opfrisser voor hoe JS-naar-JSON-mapping werkt.

Druk op Converteren

Klik op de groene Converteren-knop. De tool strips de type-info, evalueert de literal values en serialiseert ze op dezelfde manier als JSON.stringify(obj, null, 2).

Kopieer de JSON

Het rechterpaneel toont netjes geformatteerde JSON, klaar om in een request body, een OpenAPI-example of een unit-test fixture te plakken.

Wanneer dit echt handig is

API-request voorbeelden

Je hebt een Angular-, Next.js- of NestJS-request-DTO en je hebt een JSON-payload nodig voor Swagger, Postman of een curl-command. Plak de interface + het object, krijg de JSON.

Unit-test fixtures

Zet een inline typed mock uit een Jest- of Vitest-test om naar een losse JSON-fixture voor MSW, Playwright of integratie-runs.

OpenAPI- en JSON Schema-voorbeelden

Plak de <code>User</code>-interface en een sample instance om het <code>example</code>-blok voor je <a href="https://swagger.io/specification/" target="_blank" rel="noopener">OpenAPI</a>-schema in één keer te genereren.

Config porten naar JSON

Ga je van een typed <code>config.ts</code> naar een JSON-based config-store? Plak de typed const, krijg schone JSON, gooi het in je nieuwe config-systeem.

Veelgestelde vragen

Strips het de type-annotations en generics?

Ja. Interfaces, type aliases, generic parameters, as-casts, satisfies en readonly worden allemaal weggeveegd, net zoals de TypeScript-compiler ze wegveegt. De JSON laat alleen de runtime value zien.

Hoe worden enums behandeld?

Numeric enums emitten het number, string enums emitten de string. const enum wordt voor de conversie hetzelfde behandeld als een normale enum. Enum-references in de object literal worden naar hun declared values resolved.

En optional fields en Record-types?

Optional fields (name?: string) die ontbreken, verschijnen gewoon niet in de JSON — hetzelfde default-gedrag als bij JSON.stringify. Record<string, X> blijft een JSON-object met de meegegeven string keys.

Kan ik een hele types-file plakken?

Ja. Meerdere interfaces, type aliases, enums en typed const-declaraties mogen in één paste. Elke top-level typed instance wordt een eigen entry in de JSON, met nested types in-place uitgewerkt.

Hoe worden Date, null en undefined behandeld?

Date-waarden worden ISO-8601-strings. null blijft JSON-null. undefined-properties vallen uit objecten. Arrays met undefined-elementen krijgen op die slot null — precies zoals JSON.stringify.

Wordt mijn code opgeslagen?

De code gaat alleen naar de backend om geconverteerd te worden. Er wordt niks gelogd of gepersisteerd. Als je iets gevoeligs plakt, check het eerst even.

Andere tools die je misschien nodig hebt

TypeScript naar JSON is één puzzelstuk. Deze tools gaan er prima mee samen:

TypeScript naar JSON Converter