基本使用

本指南涵盖 JSON 差异对比工具的基本操作，帮助您有效开始比较 JSON 对象。

界面概览

JSON 差异对比工具界面包含几个关键部分：

输入区域

JSON A：用于比较的第一个 JSON 对象
JSON B：用于比较的第二个 JSON 对象
验证状态：每个输入区域的实时验证指示器

工具栏

格式化：美化和格式化 JSON 输入
清空：清空两个输入区域
交换：交换 JSON A 和 JSON B 的内容
复制差异：将差异结果复制到剪贴板
保存到历史：将当前比较保存到历史记录

结果部分

树形视图：差异的可视化表示
统计信息：变更摘要（未变更、已修改、已添加、已删除）

分步使用指南

1. 输入 JSON 数据

方法一：直接输入

点击"JSON A"文本区域
输入或粘贴您的第一个 JSON 对象
点击"JSON B"文本区域
输入或粘贴您的第二个 JSON 对象

方法二：加载示例

滚动到"示例"部分
点击任何示例卡片
工具将自动加载示例数据

2. 验证 JSON

工具会在您输入时自动验证 JSON：

有效 JSON：绿色徽章，显示"有效"状态
无效 JSON：红色徽章，显示"无效"状态
错误指示器：无效 JSON 显示红色边框和警告图标

常见的 JSON 验证问题

缺少引号：属性名必须用双引号括起来
尾随逗号：删除最后一项后的逗号
未闭合的括号：确保所有 { 和 [ 都正确闭合
无效字符：检查字符串中的特殊字符

3. 查看差异

一旦两个 JSON 对象都有效，工具会自动显示：

树形视图

绿色：未变更的值
黄色：已修改的值
蓝色：已添加的值
红色：已删除的值

统计面板

未变更：未变更属性的数量
已修改：已修改属性的数量
已添加：新属性的数量
已删除：已删除属性的数量

4. 解释结果

理解树形视图

根节点
├── 未变更属性: "相同值"     (绿色)
├── 已修改属性: "旧值" → "新值"     (黄色)
├── 新属性: "添加的值"          (蓝色)
└── 已删除属性: "删除的值"    (红色)

阅读统计信息

高未变更计数：对象之间变化最小
高已修改计数：许多现有值被更新
高已添加计数：引入了许多新属性
高已删除计数：删除了许多属性

常见操作

格式化 JSON

点击工具栏中的"格式化"按钮
两个 JSON 输入都将被美化，具有适当的缩进
无效的 JSON 将保持不变

清空数据

点击工具栏中的"清空"按钮
两个输入区域都将被清空
所有结果都将被清除

交换输入

点击工具栏中的"交换"按钮
JSON A 和 JSON B 的内容将被交换
差异将自动重新计算

复制结果

确保两个 JSON 对象都有效
点击"复制差异"按钮
差异结果将复制到您的剪贴板
在需要的地方粘贴结果

输入技巧

有效 JSON 示例

简单对象

{
  "name": "张三",
  "age": 30,
  "city": "北京"
}

嵌套对象

{
  "user": {
    "id": 1,
    "profile": {
      "name": "张三",
      "email": "zhangsan@example.com"
    }
  }
}

对象数组

[
  { "id": 1, "name": "项目1" },
  { "id": 2, "name": "项目2" }
]

常见输入错误

❌ 无效 JSON

{
  "name": "张三", // 缺少引号
  "age": 30, // 缺少引号
  "city": "北京" // 尾随逗号
}

✅ 有效 JSON

{
  "name": "张三",
  "age": 30,
  "city": "北京"
}

键盘快捷键

操作

Ctrl/Cmd + C：复制选中的文本
Ctrl/Cmd + V：粘贴文本
Ctrl/Cmd + Z：撤销（在输入区域中）
Ctrl/Cmd + Y：重做（在输入区域中）

故障排除

没有显示差异

可能原因：

一个或两个 JSON 输入无效
JSON 对象相同
输入区域为空

解决方案：

检查验证状态徽章
确保两个输入都包含有效的 JSON
验证对象确实不同

JSON 无效错误

常见问题：

属性名周围缺少引号
尾随逗号
未闭合的括号或大括号
无效的转义序列

解决方案：

使用"格式化"按钮自动修复常见问题
手动检查语法错误
使用 JSON 验证器工具

性能问题

对于大型 JSON 对象：

将非常大的对象分解为较小的部分
使用浏览器的开发者工具监控性能
如需要，清除浏览器缓存

最佳实践

输入准备

先验证：在比较之前确保您的 JSON 有效
使用示例：从提供的示例开始，了解工具
格式一致：使用格式化按钮保持一致的缩进
检查大小：非常大的 JSON 对象可能影响性能

结果解释

从统计开始：在深入细节之前先查看摘要
使用树形视图：导航树结构以了解变更
关注变更：注意已修改、已添加和已删除的项目
保存重要比较：使用历史记录跟踪重要变更

工作流集成

API 测试：在变更前后比较 API 响应
配置管理：跟踪配置文件中的变更
数据迁移：验证数据转换的准确性
质量保证：验证测试数据中的预期变更

JSON 差异对比工具的基本使用很简单，但掌握这些基础知识将帮助您充分利用其强大的比较功能。

这个页面对您有帮助吗？

On this page

界面概览分步使用指南常见操作输入技巧键盘快捷键故障排除最佳实践