JSON 格式化

支持带注释的 JSON 格式化、压缩、校验，自动去除尾随逗号。

缩进:

输入

输出

功能特点

  • 支持带注释的 JSON（// 和 /* */），无需手动删除注释即可直接格式化
  • 自动去除尾随逗号，兼容宽松的 JSON 解析规则
  • 支持 2/4/8 空格缩进选择，满足不同编码规范
  • 一键压缩 JSON 为单行，节省存储空间和传输带宽
  • 实时语法校验，错误位置精确定位

使用说明

在左侧输入框中粘贴需要格式化的 JSON 字符串，支持带注释和尾随逗号的格式。选择缩进大小（2/4/8 空格），点击「格式化」按钮即可得到美化后的 JSON。点击「压缩」按钮可将 JSON 压缩为单行。格式化后可通过「复制」按钮一键复制结果。如果输入不是合法 JSON，页面会立即显示错误信息，帮助您快速定位问题。

使用示例

带注释的 JSON 格式化

// 输入：
{
  "name": "张三", // 姓名
  "age": 25 /* 年龄 */
}

// 格式化后：
{
  "name": "张三",
  "age": 25
}

常见问题

JSON 格式化支持哪些注释格式？

支持两种注释格式：单行注释 // 和多行注释 /* */。开启「支持注释」选项后，格式化时会自动去除这些注释。

尾随逗号是什么意思？

尾随逗号指 JSON 对象或数组中最后一个元素后面的逗号，如 {"a":1,"b":2,}。标准 JSON 不允许尾随逗号，但本工具可以自动去除。

格式化和压缩有什么区别？

格式化会将 JSON 展开为带缩进的多行格式，便于阅读；压缩会将 JSON 压缩为单行字符串，节省存储空间。

为什么这个工具如此重要？

JSON（JavaScript Object Notation）已经成为现代 Web 开发中最常用的数据交换格式。无论是前后端接口通信、配置文件、API 响应还是日志记录，几乎每个开发场景都离不开 JSON。然而，原始的 JSON 数据往往格式混乱、结构不清晰，尤其是在处理来自第三方 API 的嵌套数据时，人眼很难快速定位关键字段。

使用 JSON 格式化工具可以立即将压缩的、单行的 JSON 数据转换为结构清晰、层级分明的树形结构，让开发者能够一目了然地看到数据的完整结构。这不仅提高了调试效率，还减少了因为格式问题导致的错误。

典型应用场景

  • API 调试：调用接口后返回的 JSON 数据通常是一行压缩文本，使用格式化工具可以快速查看数据结构
  • 配置文件管理：大型 JSON 配置文件经过格式化后更容易定位需要修改的字段
  • 学习与教学：初学者通过格式化后的 JSON 直观理解数据结构
  • 数据迁移：在数据格式转换过程中，格式化后的 JSON 便于对比和验证
  • 代码审查：团队协作中，格式统一的 JSON 代码更易于审查和维护

工作原理

JSON 格式化工具基于浏览器端的 JavaScript 解析引擎工作。当用户点击「格式化」按钮时，工具首先使用 JSON.parse() 对输入文本进行语法解析，如果成功，则通过 JSON.stringify() 方法将解析后的对象重新序列化为带有指定缩进格式的字符串。压缩功能通过将缩进参数设置为 0 来实现，整个过程完全在本地浏览器中运行。

实用技巧

  • 处理大型 JSON 文件时，可以先复制文件内容到输入框，利用实时校验功能快速定位语法错误
  • 使用「压缩」功能前，建议先复制原始格式化版本到本地备份
  • 如果经常需要格式化特定格式的 JSON，可以将模板保存到书签中方便复用