JSON в TypeScript
Вставьте пример JSON и получите подходящие интерфейсы TypeScript — больше не нужно вручную описывать каждое поле при работе с данными API.
Как сгенерировать интерфейсы TypeScript из JSON
- Вставьте пример JSON слева — объявления TypeScript появятся справа.
- При желании измените имя внешнего типа в поле «Имя корневого типа», например ApiResponse.
- Скопируйте кнопкой и вставьте в код.
Частые вопросы
Только по вставленным данным: текст — string, числа — number, true/false — boolean, а вложенные объекты выносятся в отдельные интерфейсы.
Поле есть не всегда. Если в массиве несколько объектов и только у части из них есть это поле, инструмент помечает его как необязательное.
Типы объединяются через |, например string | number. Если значение иногда null, к типу добавляется и | null.
В пустом массиве нет элементов, по которым можно узнать тип. Исправьте вручную или вставьте пример с данными в массиве.
По имени поля с заглавной первой буквой (user_profile → UserProfile). К элементам массивов добавляется Item, а к уже занятому имени — номер: 2, 3…
Нет, они точны настолько, насколько полон пример. Берите полный пример — лучше по нескольку элементов в каждом массиве, включая поля, которые иногда отсутствуют, — чтобы типы покрыли реальные случаи.
Нет. JSON обрабатывается прямо на вашем устройстве.
Полностью бесплатно, аккаунт не нужен.
Похожие инструменты
JSON в JSON SchemaСоздайте JSON Schema по примеру JSONJSON в ZodСоздайте схему Zod по примеру JSONПроверка JSON SchemaПроверьте, соответствуют ли данные JSON схемеJSON в структуры GoСоздайте структуры Go по примеру JSONJSON в Python dataclassСоздайте dataclass или модель Pydantic из JSONJSON в класс JavaСоздайте классы или record Java из JSONJSON в data class KotlinСоздайте data class Kotlin по примеру JSONJSON Escape / UnescapeТекст в строку JSON и обратноФорматирование JSONФорматировать, сжать и проверить JSON