JSON 格式化

相关推荐

关于 JSON 与 JSON 格式化

适用场景

• 前端联调：把后端返回的紧凑 JSON 转成 TypeScript 接口，直接粘进代码定义响应类型。
• 后端建模：将样例 JSON 一键转成 MySQL 建表语句，快速搭出数据库表结构。
• 测试同学写断言：格式化被测接口返回值，逐行核对字段名与预期值再写进单测用例。
• 运维排障：把生产日志里挤成一行的 JSON 日志展开成层级结构，定位报错字段与堆栈信息。
• DevOps 配置迁移：将 JSON 配置转成 YAML 后写入 Kubernetes 或 CI 流水线的配置文件。
• 产品经理核对数据：用树视图折叠展开第三方 API 返回的深层嵌套，确认字段含义再写需求文档。
• 数据分析师清洗：把数据库导出的 JSON 记录格式化后逐条检查，剔除缺字段或异常值。
• 接口文档编写：将 Mock 数据格式化并按键名排序，让接口示例字段顺序统一便于评审。
• 跨语言协作：把接口 JSON 转成 Go 结构体或 Rust struct，交给对应语言的同事直接用于反序列化。
• 移动端开发：将后端 JSON 转成 Swift 或 Kotlin 数据模型，用于客户端解析网络响应。
• 配置写回：把手工编辑好的多行 JSON 压缩成单行，再注入环境变量或写入 .env 文件。
• 复现问题：把出错的 JSON 数据压缩编码进 URL 生成分享链接，发给同事一起排查异常场景。
• 会议演示：用思维导图视图把复杂 JSON 的对象与数组父子关系画出来，向团队讲解数据结构。
• 格式校验前置：粘贴含单引号或尾逗号的非法 JSON 时先看错误定位，再转到修复工具处理。
• 大文件浏览：直接上传几 MB 的接口全量导出 JSON，靠虚拟滚动流畅翻看而不卡死页面。
• XML 系统对接：把 JSON 转成 XML 结构，对接只接受 XML 报文的老旧接口或第三方系统。

使用方法

1. 粘贴 JSON 内容或上传 JSON 文件
2. 选择美化、压缩或校验模式，也可切换到树视图/思维导图进行可视化查看
3. 查看格式化后的层级结构和错误提示，必要时切换到代码转换生成目标语言结构
4. 复制处理后的内容、下载文件或生成分享链接

功能特点

• JSON 美化更直观：快速把一行数据整理成易读层级结构，可切换 2/4 空格或 Tab 缩进
• 支持校验与压缩：实时检测语法错误并精确提示位置，一键压缩为最紧凑单行
• 13 种编程语言代码转换：TypeScript/Java/Python/Go/Rust/Swift/Kotlin/C#/C++/PHP/MySQL/YAML/XML 一键生成
• JSON 树视图可视化编辑：折叠展开节点、直观查看和修改深层嵌套结构
• 思维导图视图：以节点连线方式呈现对象/数组父子关系，适合梳理复杂结构
• 键名排序：按字母升序/降序重排对象 key，方便对比差异与规范字段顺序
• 大文件流畅处理：虚拟滚动 + Web Worker 后台解析，几 MB JSON 也不卡顿
• 隐私安全：全程浏览器本地运行，数据零上传，处理含密钥的返回值也放心
• 便捷操作：上传/下载文件、一键复制、历史记录回退、URL 分享一应俱全

代码示例

const data = { name: '张三', age: 25, tags: ['a', 'b'] };

// 美化：第三个参数为缩进空格数（也可传 '\t' 使用 Tab）
const pretty = JSON.stringify(data, null, 2);
console.log(pretty);

// 压缩：不传第三个参数即得到最紧凑单行
const mini = JSON.stringify(data);
console.log(mini); // {"name":"张三","age":25,"tags":["a","b"]}

// 解析字符串为对象（会校验语法，非法时抛出 SyntaxError）
const obj = JSON.parse(pretty);

import json

data = {"name": "张三", "age": 25, "tags": ["a", "b"]}

# 美化输出，indent 指定缩进，ensure_ascii=False 保留中文
pretty = json.dumps(data, indent=2, ensure_ascii=False)
print(pretty)

# 压缩输出：用最紧凑的分隔符
mini = json.dumps(data, separators=(",", ":"), ensure_ascii=False)
print(mini)

# 解析字符串（非法时抛出 json.JSONDecodeError）
obj = json.loads(pretty)

# 美化（默认 2 空格缩进）
cat data.json | jq '.'

# 压缩为单行
cat data.json | jq -c '.'

# 提取指定字段
cat data.json | jq '.user.name'

# curl 返回结果直接管道美化
curl -s https://api.example.com/user | jq '.'

常见问题

故障排查

JSON 数据类型速查表

JSON 只有六种值类型，理解它们有助于快速判断数据是否合法以及如何映射到编程语言类型。

JSON 字符串转义字符表

JSON 字符串中的以下字符必须使用反斜杠转义，否则会导致解析失败。

常见非法写法对照表

下面列出容易踩坑的非法 JSON 写法及其合法形式，格式化报错时可对照检查。

Privacy & Security

本工具所有 JSON 格式化、校验、压缩和代码转换都完全在你的浏览器本地运行，数据不会上传到任何服务器，也不会被记录或缓存到远端。即使处理包含密钥、Token、用户信息的接口返回值也很安全，关闭或刷新页面后数据即被清除。

Authoritative References

• IETFRFC 8259 - JSON 数据交换格式标准
• ECMAECMA-404 - JSON 语法标准
• OfficialJSON 官方网站（含各语言解析库）
• MDNMDN - JSON.parse / JSON.stringify
• Libraryjq - 命令行 JSON 处理器手册