開発 へ戻る
JSON 比較 / 差分 — 構造的に違いを抽出

JSON 比較 / 差分 — 構造的に違いを抽出

2 つの JSON を構造的に比較。オブジェクト/配列のネストを再帰的に解析し、追加・削除・変更・移動の各差分をハイライト表示します。すべてブラウザ内で処理。

開発JSONDiff

使い方

2 つの JSON を左右のテキストエリアに貼り付けます (JSON 構文として有効である必要があり、エラー時は行・列が表示されます)。表示モード (Inline / Side-by-Side)、「未変更ノードも表示」のオン/オフを切り替えながら、追加・削除・変更・移動の差分を確認できます。配列要素の並び替えは「移動」として検出されます。サンプルボタンで動作を試せます。

よくある質問

JSON はサーバーに送信されますか?
いいえ。比較はすべてブラウザ内で行います。入力データが外部に送信されることはありません。
テキスト Diff との違いは?
JSON Diff は構造を見るため、キーの順序が違うだけ・改行スタイルが違うだけのケースを「同じ」と判定します。テキスト Diff は単純な行差分なのでこれらが「違う」と表示されます。
「移動」はどう検出される?
値が同じでパス (キー or 配列インデックス) だけ変わった要素を「移動」とラベル付けします。とくに配列の要素並び替えで便利です。
大きい JSON でも動く?
数 MB 程度までは快適に動きます。極端に深いネストや巨大配列ではブラウザが重くなることがあります。

類似のツール