DevToolPal
RU

Конвертер JSON в HTML-таблицу

Превращает JSON-массив объектов в HTML-таблицу, разворачивая вложенные поля в столбцы с именами через точку.

Работает локально, без загрузки на сервер

Параметры

Ввод

Символов: 0 · 0 B

Результат

Символов: 0 · 0 B

Что делает инструмент

Этот инструмент конвертирует данные JSON — обычно ответ API или выгрузку — в HTML-таблицу. Каждый объект становится строкой, а каждый ключ — столбцом. Вложенные объекты разворачиваются в столбцы с именами через точку, чтобы таблица оставалась двумерной.

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

  1. Вставьте JSON в поле Ввод, загрузите файл .json или нажмите Пример.
  2. Разметка таблицы появляется справа по мере ввода. Для некорректного JSON сообщается позиция ошибки.
  3. Выключите Включить строку заголовков, если нужны только строки данных.
  4. Скопируйте 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> отображаются как текст.