JSON 转 HTML 表格

把一组 JSON 对象转成 HTML 表格。另一个方向是 HTML 表格转 JSON · JSON 转 CSV

这一页做什么

一组 JSON 对象做成表格更好读。这一页在浏览器里写出 HTML 表格。另一个方向是 HTML 表格转 JSON。同一批行的 CSV 在 JSON 转 CSV。

怎么用

  1. 贴上 JSON。边输入边更新开着。
  2. 转换只做一次。显示示例填入 [{"id":1,"name":"Ada","ok":true},{"id":2,"name":"Grace","ok":false}]。
  3. 结果是一张表。表头是 id、name 和 ok。第一行是 1、Ada、true。第二行是 2、Grace、false。
  4. 全部清除清空两个框。复制结果复制 HTML。

规则和边界

对象数组按键第一次出现的顺序各占一列。单个对象写成两列,键是 th,值是 td,没有表头行。一串普通值的表头是 value。嵌套对象或数组在单元格里写成 JSON 文本。空数组、空对象、单独的数字或字符串会报错停下。

用在哪

  • 把一份接口列表贴成页面上的表。
  • 先看两行,再送到反向那一页。
  • 不用 JSON 查看器,也能把布尔值放在名字旁边看。

常见问题

为什么转回去不是原来的 JSON?

表格里存的是单元格文本。转回去时,1 和 true 是字符串 "1" 和 "true"。

嵌套对象去哪了?

它留在单元格里,是 JSON 文本,不会再变成一张表。