🎯 JSON格式化工具能做什么?

在线JSON格式化工具是开发者和数据处理人员的必备工具,支持JSON的格式化(美化)压缩(缩小)校验(语法检查)树形查看。处理杂乱的JSON数据,一键整理成结构清晰的层级视图。

📖 使用教程

1 JSON格式化(美化)

操作步骤:

  1. 打开 /tool/json-formatter/
  2. 在输入框中粘贴一段JSON数据:
    {"name":"张三","age":28,"skills":["Python","JavaScript","Go"],"address":{"city":"北京","district":"海淀"}}
  3. 点击「格式化」按钮
  4. 输出框显示结构清晰的缩进格式:
    {
      "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)。