JSON比較ツール｜2つのJSONの差分をキーの順番を無視してパスで一覧表示

JSON比較とは

解決できる困りごと

• ✓キーの順番や字下げが違うだけの JSON を行で比べて、差分だらけになる手間が減ります
• ✓一覧の並びが変わった API レスポンスで、1 件の挿入が後ろ全部の変更に見える混乱を避けられます
• ✓数値の 1 と文字列の "1"、null とキーの欠落を取り違えたまま見過ごすのを防げます
• ✓JSON.parse で読むと同じになる大きな ID の違いを、差分なしと思い込むのを防げます
• ✓全角スペースや濁点の分解のように、見た目では分からない文字列の違いを探す時間が減ります

使い方

1. 1変更前の JSON を左の欄に、変更後の JSON を右の欄に貼り付けます
2. 2配列の並びが変わる JSON なら、詳細設定で配列の比べ方を選びます
3. 3「比較する」を押し、上の件数で追加・削除・変更・型の変化の数を確かめます
4. 4一覧のパスと値を読み、必要ならコピーボタンで結果をテキストにします
5. 5通知欄で、書き方だけ違う数値や重複キーが無いかを見ます

使用例

左: {"name":"佐藤","age":30}
右: {
  "age": 30,
  "name": "佐藤"
}

追加 0 / 削除 0 / 変更 0 / 型の変化 0
値の違いはありません。キーの順番・空白・改行の違いは比べていません。

左: {"id":1,"age":30}
右: {"id":1,"age":"30","email":"a@example.com"}

[型の変化] $.age: 30（数値） → "30"（文字列）
[追加] $.email: "a@example.com"

左: [{"id":1,"name":"A"},{"id":2,"name":"B"}]
右: [{"id":2,"name":"B2"},{"id":1,"name":"A"}]
配列の比べ方: キー「id」で突き合わせる

[変更] $[id=2].name: "B" → "B2"

左: {"id":12345678901234567890}
右: {"id":12345678901234567891}

[変更] $.id: 12345678901234567890 → 12345678901234567891
JSON.parse で読むと同じ値になる差です

活用シーン

技術的な解説

もっと詳しく

よくある質問

参考・出典

• RFC 8259: The JavaScript Object Notation (JSON) Data Interchange Format — RFC Editor （2026-09-29 閲覧）

本ツールの計算式・判定基準は上記の公的機関・公式情報源を参考にしています。最新の情報は各リンク先をご確認ください。