JSON в TypeScript
Генерируйте интерфейсы TypeScript из любого JSON — вложенные объекты, массивы и объединения, готовые к вставке в ваш проект.
root must be a JSON object
Инструмент полностью работает в вашем браузере. Данные не покидают устройство и не загружаются ни на один сервер.
Как пользоваться
- 1Вставьте ваш JSON (лучше всего подходит ответ API).
- 2При необходимости задайте имя корневого интерфейса вместо Root.
- 3Скопируйте сгенерированные интерфейсы в проект.
JSON в TypeScript
Вставьте ответ JSON и мгновенно получите типизированные интерфейсы: вложенные объекты становятся именованными интерфейсами, массивы объектов сливаются в одну форму, смешанные массивы становятся объединениями. Имя корня настраивается.
Создано для работы с API — вставьте ответ эндпоинта, скопируйте типы, и компилятор сам отследит изменения формы.
Частые вопросы
Как обрабатываются массивы?
Массивы объектов сливают ключи всех элементов в один интерфейс (отсутствующий ключ и так был бы ошибкой во время выполнения). Массивы смешанных типов становятся объединением вроде string | number. Пустые массивы вырождаются в unknown[].
Все ли поля обязательны?
Да — один образец не может доказать опциональность, поэтому всё обязательно. Опциональными поля делайте сами там, где ваш API допускает null или отсутствие ключей.
Похожие инструменты
Форматировщик JSON
Форматируйте и украшайте бесформенный JSON онлайн — 2 пробела, 4 пробела или табуляция, с мгновенной валидацией и точными позициями ошибок. 100 % в вашем браузере.
Все инструменты →
Валидатор JSON
Проверяйте JSON мгновенно с точной строкой и столбцом ошибки. Ловите пропущенные запятые, ключи без кавычек, висячие запятые и плохие экранирования до того, как они сломают приложение.
Все инструменты →
Сравнение JSON
Сравнивайте два JSON-документа путь за путём — добавленные, удалённые и изменённые ключи со значениями до/после, всё локально.
Все инструменты →
Запрос JSON Path
Извлекайте любое значение из JSON путём вроде $.user.name или $.items[0].id — мгновенно, терпимо, без изучения синтаксиса jq.
Все инструменты →
Конвертер JSON ⇄ YAML
Конвертируйте JSON в YAML и обратно — готово для конфигов, с кнопкой обмена для продолжения и точными сообщениями об ошибках.
Все инструменты →
Встроить этот инструмент
Одна строка — и инструмент на вашем сайте. Он работает в браузере посетителя.
<iframe src="https://zoyku.com/ru/tools/json-to-typescript?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — json-to-typescript" loading="lazy"></iframe>