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 對比。專為開發者打造的線上工具,純前端執行,程式碼不離開瀏覽器。