Генеруйте інтерфейси TypeScript зі зразка JSON, із вкладеними типами, масивами та опційними полями. Працює у вашому браузері.
Як користуватися JSON у TS
Вставте об'єкт чи масив JSON.
За бажанням задайте назву кореневого інтерфейсу.
Скопіюйте згенеровані інтерфейси TypeScript.
This is a JSON to TypeScript generator that infers a set of interfaces from an example JSON object or array, so you can paste an API response and get ready-to-use types instead of writing them by hand.
It is a big time-saver when you are consuming an API or a config file: paste a response, optionally name the root interface, and copy clean TypeScript straight into your code.
Generation runs entirely in your browser, so your data never leaves your device, which matters when the sample contains real values.
It handles real-world shapes: nested objects become their own named interfaces referenced from the parent, arrays of objects are merged into one interface, and union types are produced where values vary.
When the objects in an array do not all have the same keys, the keys missing from some elements are marked optional with a question mark, which matches how the data actually behaves and keeps the types honest.
One important point: it infers a shape from the single sample you give it, rather than enforcing a schema. If a field is sometimes null or absent in real data but not in your sample, the generated type will not know that, so use a representative example.
Поширені запитання
Кожен вкладений об'єкт стає власним іменованим інтерфейсом, на який посилається його батьківський, тож результат чистий і придатний до повторного використання.
Масиви об'єктів об'єднуються в один інтерфейс, а ключі, відсутні в деяких елементах, позначаються опційними. Масиви змішаних примітивів стають типом елемента об'єднання.
Ні. Типи генеруються повністю у вашому браузері, тож ваші дані ніколи не залишають ваш пристрій.
Вбудувати цей інструмент
Додайте цей інструмент на власний сайт. Скопіюйте фрагмент нижче; він оновлюється автоматично.
<iframe src="https://monu.tools/embed/uk/json-to-typescript" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>Пов'язані інструменти
Форматуйте, впорядковуйте та перевіряйте JSON онлайн із чіткими повідомленнями про помилки для некоректного вводу.
Мініфікуйте та перевіряйте JSON у вашому браузері й дивіться, скільки байтів ви заощаджуєте.
Перетворюйте JSON на CSV і CSV назад на JSON в обидва боки. Оберіть роздільник, обробляйте поля в лапках і копіюйте результат. Усе працює у вашому браузері.
Перетворюйте YAML на JSON і JSON назад на YAML в обидва боки. Перевіряє коректність під час перетворення та показує чіткі помилки. Усе працює у вашому браузері.