功能简介
本工具把 JSON 数据(通常是接口返回或导出的数据)转换成 HTML 表格:每个对象是一行,每个键是一列。嵌套对象会展开成带点号的列名,让表格保持二维结构。
使用方法
- 在「输入」框粘贴 JSON,上传
.json文件,或点「示例」。 - 右侧实时显示表格代码;JSON 不合法时会指出位置。
- 只需要数据行时,关闭「包含表头行」。
- 复制 HTML,或下载为
.html文件。
示例
[
{ "name": "Alice", "address": { "city": "Shanghai" }, "tags": ["admin", "editor"] },
{ "name": "Bob", "address": { "city": "Beijing" } }
]
会生成包含 name、address.city、tags 三列的表格。Alice 的 tags 单元格是 admin; editor,Bob 的为空。
小贴士
- 展示接口返回时,直接粘贴完整响应。如果是
{"items": [...]}这样的结构,会自动取items作为行。 - 想先检查或修正 JSON,可以先用 JSON 格式化工具。
常见问题
› 需要什么样的 JSON 结构?
最适合的是对象数组,每个对象一行。只有一个数组属性的对象(如 {"data": [...]})也能识别。其他值会作为单独一行。
› 嵌套的对象和数组怎么处理?
嵌套字段会变成带点号的列名,比如 address.city。简单值组成的数组用「; 」连接,对象数组会生成带下标的路径,比如 items.0.name。
› 各个对象的键不一样怎么办?
列是所有键的并集,按首次出现的顺序排列,缺少的值留空。
› 输出可以直接放到网页上吗?
可以。文本会做 HTML 转义,像 <script> 这样的值只会显示为文本。