jsonecho

JSON у TypeScript

Вставте приклад JSON, щоб створити відповідні типи TypeScript.

Завантаження інструмента...

Як користуватися JSON у TypeScript

  1. Вставте показовий приклад JSON, бажано з усіма заповненими необов’язковими полями.
  2. Задайте назву кореневого типу й виберіть, чи потрібен вам допоміжний код, чи лише типи.
  3. Скопіюйте згенерований код TypeScript у свій проєкт.

Про JSON у TypeScript

Писати класи моделей вручну для великого обсягу JSON-даних нудно, і так легко припуститися друкарської помилки. Вставте сюди приклад, і генератор визначить структуру: які поля є, які з них об’єкти чи масиви та який тип має кожне значення. Результат містить інтерфейс для кожного об’єкта. Зніміть прапорець "Лише типи", щоб додати клас Convert із перевірками під час виконання.

Інтерфейс існує лише під час компіляції. Залиште клас Convert, якщо потрібно перевіряти вхідні дані під час виконання. Усе працює у браузері, тому дані з вашого прикладу залишаються на вашому пристрої.

Використання згенерованого коду

Викидання з const data: Root = JSON.parse(text), або використовувати генеровану Convert.toRoot(text) для валідації.

Факультативні властивості записуються з питанням, а нулеві як string | null.

Поширені запитання

Які залежності має згенерований код TypeScript?

Результат містить інтерфейс для кожного об’єкта. Зніміть прапорець "Лише типи", щоб додати клас Convert із перевірками під час виконання.

Як аналізувати JSON з результатом?

Викидання з const data: Root = JSON.parse(text), або використовувати генеровану Convert.toRoot(text) для валідації.

Як обробляються необов’язкові та відсутні поля?

Факультативні властивості записуються з питанням, а нулеві як string | null.

Чи аналізує генератор більше одного запису?

Генератор знає лише те, що є у вашому прикладі. Якщо поля немає в прикладі, воно не з’явиться в типах. Якщо значення в прикладі дорівнює null, його тип визначити неможливо. Вставте приклад із якомога більшою кількістю заповнених полів або масив із кількома різними записами.

Чи надсилаються мої дані JSON на сервер?

Ні. Під час першого використання генератор завантажується у браузер, приблизно 1 МБ. Далі все виконується локально.

Більше в категорії Дані в класи

Усі інструменти →