Tarayıcınız güncel değil

Bu siteyi görüntülemek için tarayıcınızın veya cihazınızın işletim sisteminin güncellenmesi gerekiyor.

Your browser is out of date. Please update iOS or your browser to view this site.

Перейти к основному содержимому
Gizke.com
Блог

JSON в TypeScript

Работает на устройстве. Ничего не отправляется.
Объявлять как

TypeScript

Вставьте JSON, чтобы увидеть типы TypeScript.

Вставьте JSON и получите интерфейсы или типы TypeScript - с именами для вложенных объектов, объединёнными массивами, необязательными ключами и union-типами.

Вставьте ответ API, конфигурационный файл или любой пример JSON - и получите объявления TypeScript для своего кода. Каждый вложенный объект становится отдельным именованным интерфейсом, массивы объектов объединяются: ключи, которых нет в части элементов, становятся необязательными, а значения разных типов - union-типами; объекты одинаковой формы используют одно объявление. Выберите interface или type, export, readonly и запись необязательных ключей, затем скопируйте код или скачайте .ts.

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

Как называются вложенные типы?
По ключу, под которым они лежат, в PascalCase: объект address становится Address, элементы массива users - User. Если две разные формы получают одно имя, вторая получает номер (Item2).
Почему поле необязательное или union?
В массивах сравнивается каждый элемент. Ключ, которого нет в некоторых элементах, помечается необязательным, а ключ с числом в одном и строкой в другом становится string | number. Дайте представительный пример.
А даты, enum и пустые массивы?
В JSON нет типа даты, поэтому даты остаются string, как и наборы фиксированных значений - сузьте их вручную. Пустой массив становится unknown[], потому что выводить не из чего.
JSON куда-то загружается?
Нет. Разбор и генерация идут в браузере, приватные данные API и токены из примера остаются на устройстве.

Поделиться инструментом

БлогО проектеКонтактыУсловия использованияПолитика конфиденциальности