Конвертер JSON в TypeScript
Вставьте JSON, получите интерфейсы TypeScript мгновенно. 100% в браузере — данные не покидают страницу. interface или type, вложенные объекты, массивы, опциональные поля. Бесплатно, без регистрации.
Настройки
Создано и проверено разработчиками, которые ежедневно работают с типизированными API.
Что такое конвертация JSON в TypeScript?
Конвертация JSON в TypeScript читает значение JSON и генерирует соответствующие определения interface или type TypeScript — избавляя от ручного boilerplate для ответов API и конфигурационных файлов. Вставьте payload и получите production-ready типы за секунды, полностью типизированные для вложенных объектов, массивов и опциональных полей.
Примеры
Ответ API
{"id":101,"name":"Ada Lovelace","email":"ada@example.com","active":true,"roles":["admin","user"]} Превратите типичный payload пользователя REST API в типизированный interface, который можно вставить в клиент.
Вложенные объекты
{"order":{"id":"A-1","total":42.5,"customer":{"name":"Sam","vip":false}}} Вложенные объекты становятся отдельными именованными интерфейсами (Order, Customer), на которые ссылаются поля.
Массив объектов (опциональные поля)
{"users":[{"id":1,"nick":"x"},{"id":2}]} Ключи, отсутствующие в части элементов массива, выводятся как опциональные (nick?: string).
Смешанные и null-значения
{"tags":["a","b"],"score":null,"meta":[1,"two"]} Null-значения и смешанные массивы типизируются честно (null, (string | number)[]).
Payload в стиле GitHub
{"login":"octocat","id":1,"public_repos":2,"plan":{"name":"pro","private_repos":50}} Ключи в snake_case сохраняются дословно; вложенный plan становится отдельным interface.
Как конвертировать JSON в TypeScript
- 1
Вставьте JSON
Поместите объект JSON, массив или ответ API в поле ввода. Конвертация начинается мгновенно.
- 2
Настройте вывод
Выберите interface или type, задайте корневое имя, включите export и выберите ?: или | null для опциональных полей.
- 3
Скопируйте или скачайте
Получите сгенерированный TypeScript одним кликом и вставьте прямо в свою кодовую базу.
Как работает конвертация
- Структурный вывод типов
- Каждый объект становится именованным interface; одинаковые формы дедуплицируются, так что вы получаете один тип, а не копии.
- Слияние массивов
- Массивы объектов сливаются ключ за ключом; ключи, отсутствующие в части элементов, помечаются опциональными.
- 100% в браузере
- Разбор и генерация выполняются в браузере без сетевых запросов, поэтому ваши данные остаются приватными.
Советы для чистых типов TypeScript
- Дайте имя корневому типу
- Задайте осмысленное корневое имя (например, User, ApiResponse) вместо стандартного Root для читаемого кода.
- Предпочитайте опциональное над null при разреженных данных
- Используйте ?: для полей, которые могут отсутствовать, и | null только когда API явно возвращает null.
Часто задаваемые вопросы
Как конвертировать JSON в TypeScript interface?
Что использовать для данных JSON — type или interface?
interface — конвенция для форм объектов и даёт чуть лучшие ошибки в редакторе; type удобен для объединений и пересечений. Переключателем «Вывод» можно менять их и оставить тот, что предпочитает ваша кодовая база. Как обрабатываются вложенные объекты и массивы?
address даёт interface Address). Массивы объектов сливаются в один interface элемента; примитивные массивы становятся типизированными массивами вроде string[]. Как обрабатываются опциональные и null-поля?
?: (опциональное) или | null (явный nullable) переключателем «Опциональные поля». Литеральные null-значения типизируются как null. Как автоматически генерировать типы TypeScript из JSON в VSCode?
Приватны и безопасны ли мои данные JSON?
Инструмент бесплатный? Нужен ли аккаунт?
Может ли инструмент распознавать даты или enum?
string (безопаснее, чем угадывать). Строковые значения типизируются как string, а не как литеральные объединения, поэтому вывод остаётся стабильным при изменении данных. Похожие инструменты
Все инструменты →Таблица ASCII и конвертер
Кодирование и форматирование
Полная таблица ASCII: 128 символов в десятичном, шестнадцатеричном, восьмеричном и двоичном виде плюс конвертер текста и кодов. Управляющие символы — с escape-последовательностями, caret-записью и тем, где их встретить.
Бесплатный генератор штрихкодов — EAN-13, UPC-A и Code 128
Кодирование и форматирование
Создавайте EAN-13, UPC-A, Code 128, Code 39 и ещё 11 типов штрихкодов — экспорт в SVG или PNG для печати. Введите 12 цифр, и контрольная цифра подставится сама; ошиблись — страница назовёт, какая цифра должна быть.
Base64 декодер и кодировщик
Кодирование и форматирование
Декодирование и кодирование Base64 онлайн бесплатно. Преобразование в реальном времени с полной поддержкой UTF-8 и эмодзи. Полная приватность — работает в браузере. Без регистрации.
Конвертер Base64 в изображение
Кодирование и форматирование
Декодируйте строку Base64 или data URI обратно в изображение прямо в браузере. Предпросмотр, размеры и MIME, затем скачивание как PNG, JPG, GIF, SVG. Без загрузки.
Конвертер Base64 в PDF и файлы · PDF в Base64
Кодирование и форматирование
Base64 в PDF онлайн: вставьте чистый Base64, data URI или весь JSON-ответ. Инструмент определит настоящий тип файла, покажет и скачает его, предупредит об обрезанном PDF. Есть и PDF в Base64. Ничего не загружается.
Конвертер CSV в JSON
Кодирование и форматирование
Конвертируйте CSV в JSON в браузере. RFC 4180, определение типов, заголовок, безопасность больших целых. 100% приватно, без загрузки.