JSON Diff 对比

📄 JSON Diff Compare

📐 工作原理与说明
对比两份 JSON 并标出差异。
  • 方法:递归比较两棵 JSON 树,标记新增、删除与值变更的节点。
  • 数组:可按索引对齐,也可按内容做匹配;后者对元素顺序变化更友好。
  • 输出:变更路径(如 a.b[0].c)、旧值、新值与变更类型。
  • 用途:接口变更审查、配置比对、回归测试断言。

Compare two JSON documents and see added, removed and changed keys side by side, all in your browser.

📄 原始 JSON (Left)
📄 新 JSON (Right)
📊 并排对比
📝 合并视图
📁 差异路径
📋 JSON 输出
原始 (Left)
等待对比...
新 (Right)
等待对比...

📚 深度解析:JSON Diff 深度对比

💡 常见使用场景

  • 对比两份配置/接口响应的差异。
  • 对比两个环境的配置:把预发与生产的配置文件贴进来比对,快速找出被改动的字段。
对比
左 `{"a":1,"b":2}` 右 `{"a":1,"b":3}` → 仅 `b` 由 2 变为 3 被标出。

❓ 常见问题(FAQ)

数组顺序影响对比吗?
默认按位置比对;语义比较需开启键匹配模式。
为什么数字 1 和字符串 "1" 被判为不同?
因为 JSON 是有类型的,类型不同即视为不同值,这是严格比较的默认行为。若只关心结构差异,可开启「忽略类型」或先做规范化;同时注意 1.0 与 1 这类表示差异,以及对象键顺序——键序在语义上无意义,但朴素文本对比会把它当差异。
⚠️ 使用说明与注意事项
📖关于「JSON Diff 对比」 ▼

📝工具简介

JSON Diff 对比。专为开发者打造的在线工具,纯前端运行,代码不离开浏览器。