详解 JSON 格式化与校验的几种高效姿势

在现代软件开发中，JSON（JavaScript Object Notation）几乎无处不在。无论是前后端交互的 API 响应、配置文件的编写，还是日志数据的存储，JSON 都是当之无愧的“数据交换之王”。

然而，开发者经常会遇到一个令人头秃的场景：

当你调用一个接口，或者查看服务器日志时，返回的往往是一长串**被压缩（Minified）**的 JSON 字符串。它们挤在同一行，没有换行，没有缩进，就像这样：

{"code":200,"msg":"success","data":{"user":{"id":101,"name":"admin","roles":["admin","editor"]},"tokens":{"access":"eyJhbGciOi...","refresh":"dGhpcyBpcy..."}}}

如果数据量小还好，一旦嵌套层级深、字段多，想从中找到某个具体的字段（比如user_id）简直是在考验视力。

今天这篇文章就来盘点一下，作为开发者，我们有哪些高效的方法来格式化（Pretty Print）和校验JSON 数据，从而提升开发效率。

方法一：利用 IDE 自带的格式化功能（VS Code / IntelliJ IDEA）

对于正在写代码的开发者来说，最顺手的方法当然是直接在编辑器里操作。

1. VS Code

Visual Studio Code 对 JSON 的支持非常完美。

• 操作步骤：新建一个文件，粘贴 JSON 内容，将语言模式（右下角）切换为JSON，然后按下快捷键。
• 快捷键：
  • Windows:Shift + Alt + F
  • Mac:Shift + Option + F

2. IntelliJ IDEA / WebStorm

JetBrains 系列的 IDE 同样强大。

• 操作步骤：粘贴代码后，IDE 通常会自动识别。如果没有，手动关联文件类型即可。
• 快捷键：
  • Windows:Ctrl + Alt + L
  • Mac:Command + Option + L

优点：无需联网，快捷方便。
缺点：如果你不在写代码，只是临时想看一段数据，还得专门打开笨重的 IDE，显得有点“杀鸡用牛刀”。

方法二：使用轻量级在线 JSON 格式化工具（推荐）

这是最通用的方案。无论你是在用电脑、平板甚至是手机，只要有浏览器，就能快速处理数据。特别是当你需要验证 JSON 语法的正确性（比如是否少了一个逗号）时，在线工具通常会给出更直观的错误提示。

这里推荐一个界面简洁、响应速度很快的在线工具：

👉在线 JSON 格式化工具

方法三：命令行神器jq

对于运维人员或喜欢在终端（Terminal）工作的硬核开发者，jq是处理 JSON 的神级工具。

它不仅能格式化，还能像 SQL 一样查询和筛选数据。

安装（以 MacOS 为例）：

brewinstalljq

使用：
假设你有一个压缩的data.json文件，只需执行：

catdata.json|jq.

终端里就会输出带颜色的格式化文本。

优点：适合脚本自动化处理。
缺点：有一定学习门槛，不适合仅仅想“看一眼”数据的场景。

方法四：浏览器控制台（Console）

如果你正开着 Chrome 或 Edge 浏览器调试网页，其实控制台本身就是一个简易的格式化器。

技巧：
利用 JavaScript 原生的JSON.stringify方法。

在 Console 里输入：

vardata={"a":1,"b":2};// 你的脏数据console.log(JSON.stringify(data,null,2));

这里的2代表缩进两个空格。虽然不如专用工具直观，但在紧急情况下非常管用。