JSON в TypeScript

Создавайте interface или псевдонимы type в TypeScript из примера JSON.

Данные и форматы
Подготовка рабочей области…
Входные данные
Выходные данные
Здесь появится результат.

Как пользоваться

  1. Вставьте текст, откройте файл UTF-8 или попробуйте пример.
  2. Выберите данные и настройки, затем запустите инструмент или включите автозапуск.
  3. Проверьте результат, скопируйте или скачайте его. Изменение ввода делает прежний результат недействительным.

JSON в TypeScript

Создавайте interface или псевдонимы type в TypeScript из примера JSON.

Обработка выполняется в браузере. Данные не отправляются в DevToolsy.

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

Вложенные объекты получают именованные типы. Объекты массива объединяются: отсутствующие свойства необязательны, смешанные значения образуют union. Пустые массивы используют unknown[].

До и после
Входные данные
{"project":"DevToolsy","members":[{"name":"Ada","role":"developer"},{"name":"Lin","active":true}],"tags":["web","tools"]}
Выходные данные
export interface Root {
  project: string;
  members: RootMembersItem[];
  tags: string[];
}

export interface RootMembersItem {
  name: string;
  role?: string;
  active?: boolean;
}

Создавайте interface или псевдонимы type в TypeScript из примера JSON.

Настройки и точность данных

Выберите имя корневого типа, interface или type, readonly и необязательные свойства. Строки дают string, а не литеральные типы.

Работа с результатом

Один пример не описывает все случаи. Проверьте null, пропущенные поля и точность чисел, добавьте отдельную проверку во время выполнения.

Проверьте результат, скопируйте или скачайте его. Изменение ввода делает прежний результат недействительным.

Ограничения обработки

Ввод UTF-8 до 1 MiB на документ, вывод до 8 MiB. JSONPath и Schema: 5 секунд; остальные инструменты: 30 секунд.

Дополнительные материалыTypeScript Handbook
?

Частые вопросы

Как выводятся объекты и массивы?

Вложенные объекты получают именованные типы. Объекты массива объединяются: отсутствующие свойства необязательны, смешанные значения образуют union. Пустые массивы используют unknown[].

Какие параметры TypeScript доступны?

Выберите имя корневого типа, interface или type, readonly и необязательные свойства. Строки дают string, а не литеральные типы.

Это проверяет будущие ответы API?

Нет. Один пример не описывает все случаи. Проверьте null, пропущенные поля и точность чисел, добавьте отдельную проверку во время выполнения.

Загружаются ли мои данные?

Обработка выполняется в браузере. Данные не отправляются в DevToolsy.

Можно открыть локальный файл?

Ввод UTF-8 до 1 MiB · вывод до 8 MiB

Найдите следующий инструмент

Язык

Сменить язык? Текущие данные будут очищены. Сначала скопируйте или скачайте нужные результаты.