2つのJSONの違いをすべて見つける
「変更前」と「変更後」の2つのJSONを貼り付けると、追加・削除・変更を正確なパス付きで一覧表示し、件数の要約も出します。設定やAPIレスポンスの変化を追うのに最適。
-
JSON A を貼る
基準(変更前)のバージョン。
-
JSON B を貼る
比較する(変更後)のバージョン。
-
差分を読む
追加(+)・削除(−)・変更(~)、パス別。
差分の例
| パス | 種類 | 詳細 |
|---|---|---|
| name | 変更 | "clic" → "clic.tools" |
| tags[1] | 変更 | "b" → "c" |
| new | 追加 | true |
構造的な比較:キーの順序は無関係。すべてローカルで解析し、何も送信しません。
よくある質問
比較の仕組みは?
両方のJSONを解析し再帰的に走査します。各キーを分類:追加(Bのみ)・削除(Aのみ)・変更(値が異なる)。正確なパス(例 tags[1] や user.name)を表示します。
配列も比較される?
はい、位置ごとに要素単位で。Bの要素が多ければ「追加」、少なければ「削除」。同じ添字で値が変われば「変更」です。
キーの順序は関係する?
いいえ。構造的な比較で、キーと値だけが対象、テキスト上の順序は無関係。並べ替えただけの同一オブジェクトは差分ゼロです。
データは送信される?
いいえ。解析と比較は JSON.parse ですべてブラウザ内で行われ、内容は送信されません。機密の設定やAPIレスポンスの比較に最適。