JSON 格式化与验证工具

什么是 JSON？

// Format (pretty-print) JSON with 2-space indentation
const raw = '{"name":"Alice","age":30,"active":true}';
const parsed = JSON.parse(raw);        // parse string → object
const formatted = JSON.stringify(parsed, null, 2);
console.log(formatted);
// → {
//     "name": "Alice",
//     "age": 30,
//     "active": true
//   }

// Minify JSON (strip all whitespace)
const minified = JSON.stringify(parsed);
console.log(minified);
// → '{"name":"Alice","age":30,"active":true}'

核心功能

示例

{"status":200,"data":{"user":{"id":"usr_2x7kP9","name":"Alice Chen","email":"alice@example.com","roles":["admin","editor"],"lastLogin":"2026-03-12T08:30:00Z"},"meta":{"requestId":"req_abc123","timestamp":1741776600}}}

{"name":"my-app","version":"2.1.0","private":true,"scripts":{"dev":"next dev","build":"next build","start":"next start","lint":"eslint ."},"dependencies":{"react":"^18.2.0","next":"14.1.0"},"devDependencies":{"typescript":"^5.3.0","eslint":"^8.56.0"}}

[{"id":1,"product":"Laptop Pro","price":1299.99,"inStock":true,"tags":["electronics","computers"]},{"id":2,"product":"Wireless Mouse","price":29.99,"inStock":false,"tags":["electronics","accessories"]},{"id":3,"product":"USB-C Hub","price":49.99,"inStock":true,"tags":["electronics","accessories"]}]

{"database":{"host":"localhost","port":5432,"name":"mydb","pool":{"min":2,"max":10}},"cache":{"enabled":true,"ttl":3600,"provider":"redis"},"logging":{"level":"info","format":"json","outputs":["stdout","file"]}}

使用方法

1. 1

   粘贴 JSON 数据

   在上方输入框中输入或粘贴原始 JSON 数据。也可以点击「加载示例」加载示例数据快速体验。

2. 2

   格式化或压缩

   点击「格式化 JSON」将 JSON 美化为带缩进的可读格式，或点击「压缩 JSON」压缩为单行紧凑格式。

3. 3

   复制结果

   处理后的结果会显示在输出区域。点击「复制」即可一键复制到剪贴板。

常见 JSON 错误

{"name": "Alice", "age": 30,}

{"name": "Alice", "age": 30}

{'name': 'Alice'}

{"name": "Alice"}

{name: "Alice"}

{"name": "Alice"}

{"name": "Alice" // user name}

{"name": "Alice"}

{"users": [{"name": "Alice"}

{"users": [{"name": "Alice"}]}

{"name": "Alice" "age": 30}

{"name": "Alice", "age": 30}

常见使用场景

API 响应调试

将压缩的 API 响应格式化为可读 JSON，方便快速调试和检查数据结构。

配置文件处理

验证和美化 package.json、tsconfig.json、.eslintrc 等配置文件。

数据检查

浏览和理解从数据库、日志或第三方服务导出的 JSON 数据。

代码审查

格式化 JSON 代码片段，让代码审查中的差异对比更加清晰。

技术文档

为技术文档和教程生成格式整齐的 JSON 示例。

数据迁移

在将数据导入新系统之前，验证 JSON 的结构和语法正确性。

技术细节

符合 RFC 8259 标准

完整支持标准 JSON 规范，包括 Unicode 和转义字符。

浏览器端处理

所有格式化操作均在浏览器本地运行，使用原生 JSON.parse() 和 JSON.stringify() 方法。

文件大小支持

支持最大 10MB 的 JSON 文件，可配置缩进格式（2 或 4 个空格）。

最佳实践

使用前先验证

在生产环境中使用 JSON 数据前，始终先验证以尽早发现语法错误。

保持一致的缩进

建议使用 2 空格缩进，兼顾可读性和版本控制中的文件大小。

生产环境使用压缩格式

在 API 响应和配置文件中使用压缩 JSON，减少带宽占用和加载时间。

常见问题