DataHub Tools JSON 转 HTML 表格

JSON 转 HTML 表格工具

本地优先

将 JSON 数组或对象转换为 HTML table 代码。

工具实际如何工作？

工具解析严格 JSON，用点号路径展开嵌套对象，合并发现的字段作为列，对单元格 HTML 进行转义，再生成 table 代码。对象数组是最可靠的输入结构。

  • 展开嵌套对象字段
  • 转义单元格 HTML 内容
  • 生成可复制的 table 代码

如何使用？

  1. 粘贴一个 JSON 对象或对象数组。
  2. 检查生成列、缺失值、null 和嵌套路径。
  3. 确认输入没有会与展开路径冲突的字面点号键。
  4. 复制代码后补充项目需要的标题、表头语义和样式。

快速示例

示例输入

[{"name":"Ada","address":{"city":"London"}},{"name":"Lin"}]

预期结果

列: name, address.city
行: Ada | London; Lin | 空

address.city 这类字面键可能与展开路径冲突；空对象和空数组可能从表格中消失。

适合哪些场景？

  • 把接口记录样例整理成文档表格。
  • 导入前检查对象数组字段。
  • 从可信 JSON 记录生成基础 HTML 表格。

参考标准与适用边界

RFC 8259 定义 JSON，WHATWG 定义 HTML 表格。点号路径展开只是本工具的便捷规则，不是标准映射。

来源核验日期：2026 年 7 月 24 日。规范与平台行为可能更新，正式使用前请复核来源。

已知限制

  • 顶层标量和标量数组无法自然映射为记录列。
  • 超出 JavaScript 安全整数范围的 JSON 数字可能在解析时失去精度。
  • 生成代码仍需检查可访问性和样式。

FAQ

什么 JSON 结构最合适？

字段稳定且不会冲突的对象数组最合适。

支持嵌套字段吗？

支持。嵌套对象路径会成为点号分隔的列。

值中的 HTML 怎么处理？

单元格内容会被转义，以文本而不是活动标记输出。

大整数会变化吗？

可能。JSON.parse 使用 JavaScript 数字，超出安全范围的整数可能被舍入。

相关工具

JSON 转 CSV 将 JSON 数组转换为 CSV 文件。 JSONCSV CSV 转 JSON 在浏览器中将 CSV 行转换为 JSON 数组。 CSVJSON CSV 转 Markdown 将 CSV 或 TSV 数据转换为 GitHub 风格 Markdown 表格。 CSVMarkdown Markdown 转 CSV 将 Markdown 表格转换为适合表格软件的 CSV 行。 MarkdownCSV JSON 转 Markdown 在浏览器本地将 JSON 数组转换为 Markdown 表格。 JSONMarkdown Markdown 转 JSON 将 Markdown 表格转换为 JSON 数组，便于数据整理。 MarkdownJSON HTML 转 Markdown 将常见 HTML 标题、链接、列表、代码和表格转换为 Markdown。 HTMLMarkdown Markdown 转 HTML 将 Markdown 标题、列表、链接、代码块和表格转换为 HTML。 MarkdownHTML YAML 转 JSON 在浏览器中将 YAML 配置转换为格式化 JSON。 YAMLJSON

相关工具专题

JSON 工具集 一组本地优先的 JSON 在线工具，覆盖格式化、校验、差异对比、Schema 生成，以及 CSV、YAML、Markdown、XML、SQL、HTML 表格转换。