🎯 JSON格式化工具能做什么?
在线JSON格式化工具是开发者和数据处理人员的必备工具,支持JSON的格式化(美化)、压缩(缩小)、校验(语法检查)和树形查看。处理杂乱的JSON数据,一键整理成结构清晰的层级视图。
📖 使用教程
1 JSON格式化(美化)
操作步骤:
- 打开 /tool/json-formatter/
- 在输入框中粘贴一段JSON数据:
{"name":"张三","age":28,"skills":["Python","JavaScript","Go"],"address":{"city":"北京","district":"海淀"}} - 点击「格式化」按钮
- 输出框显示结构清晰的缩进格式:
{ "name": "张三", "age": 28, "skills": ["Python", "JavaScript", "Go"], "address": { "city": "北京", "district": "海淀" } }
场景:从API接口返回的JSON都是压缩格式,格式化后便于阅读和调试。
2 JSON压缩(缩小)
格式化后再点「压缩」可回到紧凑格式,用于:
- 减少数据传输大小(去掉空格和换行)
- 存入配置文件或数据库字段
- 在代码中作为字符串常量
对比:格式化后的JSON约比压缩版大30-50%,传输时用压缩版,调试时用格式化版。
3 JSON校验
粘贴JSON后自动校验语法:
- ✅ 合法 — 显示"JSON格式正确"
- ❌ 非法 — 提示错误位置和原因,比如缺少逗号、多余的逗号、括号不匹配、键名没加引号
常见错误:
// 错误:键名没加引号
{name: "张三"}
// 正确
{"name": "张三"}
// 错误:多余的逗号
{"a":1,"b":2,}
// 正确
{"a":1,"b":2}
4 树形查看
格式化后点击「树形查看」,以可折叠的树状结构展示JSON层级:
- 点击 ▶ 展开子节点
- 点击 ▼ 收起
- 方便浏览深层嵌套的复杂JSON结构
适合分析API响应、配置文件、复杂数据结构的场景。
💡 使用技巧
- 批量处理:多个JSON对象用
[ ]包裹成数组一次性格式化 - 复制格式:格式化后直接复制,粘贴到代码中保持缩进
- 大JSON处理:超大数据建议分块处理,避免浏览器卡顿
- 在线调试:配合浏览器的开发者工具 → Network → 复制Response → 粘贴格式化查看
📋 常见场景
| 场景 | 操作 | 效果 |
|---|---|---|
| 调试API接口 | 复制Response → 格式化 | 看清返回数据结构 |
| 写配置文件 | 编辑 → 校验 → 保存 | 避免JSON语法错误 |
| 数据交换 | 压缩 → 发送 | 减少传输体积 |
| 学习JSON格式 | 输入示例 → 树形查看 | 直观理解嵌套结构 |
⚠️ 常见问题
Q: JSON和JavaScript对象有什么区别?
A: JSON要求键名必须用双引号,不支持函数/日期/undefined。JS对象更灵活。两者不能直接混用。
Q: 为什么JSON校验提示"位置1"错误?
A: 通常是因为粘贴了带有BOM头、多余字符的文本。清除前后空格,确保以{或[开头。
Q: JSON文件能有多大?
A: 工具没有严格限制,但超过10MB的JSON文件建议用命令行工具处理(如 jq)。