Що робить інструмент
Цей інструмент перетворює дані JSON — зазвичай відповідь API чи експорт — на HTML-таблицю. Кожен об’єкт стає рядком, а кожен ключ — стовпцем. Вкладені об’єкти розгортаються в назви стовпців через крапку, тож таблиця лишається двовимірною.
Як користуватися
- Вставте JSON у поле Вхідні дані, завантажте файл
.jsonабо натисніть Приклад. - Розмітка таблиці з’являється праворуч під час введення. Про некоректний JSON повідомляється із зазначенням позиції.
- Вимкніть Додати рядок заголовків, якщо потрібні лише рядки даних.
- Скопіюйте HTML або збережіть його як файл
.html.
Приклад
[
{ "name": "Alice", "address": { "city": "Shanghai" }, "tags": ["admin", "editor"] },
{ "name": "Bob", "address": { "city": "Beijing" } }
]дає таблицю зі стовпцями name, address.city і tags. У комірці tags для Alice буде admin; editor, а для Bob вона порожня.
Поради
- Щоб показати відповідь API, вставте її повністю. Якщо вона має вигляд
{"items": [...]}, рядки автоматично беруться зitems. - Спершу скористайтеся форматером JSON, якщо хочете переглянути чи виправити JSON перед конвертацією.
Часті запитання
› Яку структуру JSON очікує інструмент?
Найкраще підходить масив об’єктів, по одному об’єкту на рядок. Розуміє він і об’єкт з однією властивістю-масивом, як-от {"data": [...]}. Будь-яке інше значення стає одним рядком.
› Як обробляються вкладені об’єкти й масиви?
Вкладені поля стають назвами стовпців через крапку, як-от address.city. Масиви простих значень з’єднуються через "; ", а масиви об’єктів отримують шляхи з індексами, як-от items.0.name.
› Що, як об’єкти мають різні ключі?
Стовпці — це об’єднання всіх ключів у порядку їхньої першої появи. Відсутні значення лишаються порожніми.
› Чи безпечно розміщувати результат на вебсторінці?
Так. Текст екранується для HTML, тож значення на кшталт <script> показуються як текст.