JSON в TypeScript

Конвертируйте JSON-объекты и массивы в интерфейсы TypeScript онлайн. Именованные вложенные типы, опциональные и nullable-поля, мгновенный вывод.

Здесь появится сгенерированный код…

Всё выполняется локально в вашем браузере. JSON не загружается на сервер и не сохраняется.

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

Конвертер JSON в TypeScript превращает JSON-пример в готовые интерфейсы. Вставьте реальный ответ API и мгновенно получите типизированные модели — удобно для API-клиентов, моков и файлов конфигурации. Всё работает в вашем браузере.

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

Вставьте JSON, при желании задайте имя корневого интерфейса — код появится справа в реальном времени. Нажмите «Копировать» и вставьте интерфейсы в проект.

Как выводятся типы

Строки становятся string, числа — number, булевы — boolean. Вложенные объекты становятся именованными интерфейсами, массивы объектов объединяются в один интерфейс элемента, а массивы с разными примитивами — в объединения вида string | number.

Опциональность, null и именование

Свойства, отсутствующие в части элементов массива, выводятся как опциональные (prop?), явные null добавляют | null, а введённое имя корня переиспользуется во вложенных именах, например ApiResponseItem.

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

Как конвертировать JSON в интерфейсы TypeScript?+
Вставьте JSON-объект или массив в поле ввода. Интерфейсы генерируются мгновенно: вложенные объекты становятся именованными интерфейсами, массивы объединяются в один тип элемента, а всё готовое копируется одним кликом.
Как обрабатываются вложенные объекты и массивы?+
Каждый вложенный объект становится отдельным экспортируемым интерфейсом с именем от своего ключа, например items внутри Root превращается в RootItem. Массивы объектов объединяются: общие свойства сохраняются, а отсутствующие в части элементов помечаются опциональными.
Что происходит с отсутствующими или null-значениями?+
Свойство, отсутствующее в некоторых элементах массива, получает модификатор опциональности (?), а явные null добавляют к типу | null — интерфейсы соответствуют тому, что API действительно возвращает.
Мои данные загружаются на сервер?+
Нет. Вся конвертация выполняется локально в браузере — ничего не отправляется, не сохраняется и не логируется.

Похожие инструменты

Форматирование JSONJSON в CSVJSON в YAML

JSON в TypeScript — Бесплатные онлайн-json в typescript, json to ts, json в интерфейс typescript, генератор интерфейсов typescript, json в typescript конвертер, сгенерировать typescript из json, типы typescript из json, json в ts интерфейсы, конвертировать json в typescript, json в interface онлайн. Без регистрации. Работает в вашем браузере.