JSON в TypeScript

Генерируйте TypeScript-интерфейсы из JSON прямо в браузере — мгновенно.

Interface name:

JSON

TypeScript

interface UserAddress {
  city: string;
  zip: string;
}

interface User {
  name: string;
  age: number;
  email: string;
  skills: string[];
  address: UserAddress;
}

Processed in your browser

Зачем это нужно

TypeScript интерфейсы из JSON мгновенно

Вложенные структуры

Рекурсивная генерация интерфейсов для любой глубины вложенности JSON.

Без интернета

Генерация в браузере без отправки данных на сервер.

Точные типы

Корректное определение string, number, boolean, null, array и объектов.

Мгновенно

Интерфейсы генерируются в реальном времени при вводе JSON.

Как это работает

Три шага — никаких сложностей

Вставьте JSON

Вставьте JSON-объект или массив в поле ввода.

Получите TypeScript

Инструмент автоматически генерирует типизированные интерфейсы TypeScript.

Скопируйте результат

Скопируйте интерфейсы и вставьте в ваш TypeScript-проект.

FAQ

Остались вопросы?

Как определяются типы из JSON?

Инструмент анализирует значения полей JSON: строки → string, числа → number, булевые → boolean, null → null, массивы → Array<T> или T[], вложенные объекты → именованные интерфейсы. Для массивов с объектами тип элемента определяется путём объединения всех объектов в массиве.

Как обрабатываются вложенные объекты?

Вложенные объекты генерируют дополнительные именованные интерфейсы. Например, объект address внутри User создаст интерфейс Address с соответствующими полями. Глубоко вложенные структуры разворачиваются рекурсивно.

Что происходит с полями, содержащими null?

Поля со значением null получают тип null или объединение с другими типами: например, если поле в одном месте строка, в другом null — тип будет string | null. Это важно для strictNullChecks режима TypeScript.

Генерирует ли инструмент type или interface?

По умолчанию генерируются interface объявления — более идиоматичный подход для TypeScript при описании форм объектов. Некоторые проекты предпочитают type aliases — это часто вопрос командного стайл-гайда.

Можно ли использовать для JSON API-ответов?

Да. Скопируйте JSON из ответа API (DevTools → Network → Response), вставьте в инструмент и получите типы для работы с этими данными в TypeScript. Это ускоряет типизацию при интеграции со сторонними API.