Конвертер JSON в TypeScript

Что такое конвертация JSON в TypeScript?

Примеры

{"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}}

Как конвертировать JSON в TypeScript

1. 1

   Вставьте JSON

   Поместите объект JSON, массив или ответ API в поле ввода. Конвертация начинается мгновенно.

2. 2

   Настройте вывод

   Выберите interface или type, задайте корневое имя, включите export и выберите ?: или | null для опциональных полей.

3. 3

   Скопируйте или скачайте

   Получите сгенерированный TypeScript одним кликом и вставьте прямо в свою кодовую базу.

Как работает конвертация

Структурный вывод типов

Каждый объект становится именованным interface; одинаковые формы дедуплицируются, так что вы получаете один тип, а не копии.

Слияние массивов

Массивы объектов сливаются ключ за ключом; ключи, отсутствующие в части элементов, помечаются опциональными.

100% в браузере

Разбор и генерация выполняются в браузере без сетевых запросов, поэтому ваши данные остаются приватными.

Советы для чистых типов TypeScript

Дайте имя корневому типу

Задайте осмысленное корневое имя (например, User, ApiResponse) вместо стандартного Root для читаемого кода.

Предпочитайте опциональное над null при разреженных данных

Используйте ?: для полей, которые могут отсутствовать, и | null только когда API явно возвращает null.

Часто задаваемые вопросы