JSON 差分

2つの JSON データを比較し、差分をハイライト表示。オブジェクトと配列の追加・削除・変更を視覚的に確認。

左側 JSON
右側 JSON

主要機能

🔍 ディープ比較

任意の深度レベルでネストされたオブジェクトと配列を比較

🎨 視覚的ハイライト

変更の識別を容易にする色分けされた差分表示

📊 詳細な結果

すべての差分の正確なパスと値を表示

🔄 配列サポート

配列内の追加、削除、変更を検出

📋 結果をコピー

共有のため差分結果をクリップボードに簡単にコピー

🌍 多言語対応

日本語、英語、中国語、スペイン語をサポート

使用例

Example 1: オブジェクト比較

左側 JSON:

{
  "name": "John",
  "age": 30,
  "city": "New York"
}

右側 JSON:

{
    "name": "John",
    "age": 31,
    "city": "Los Angeles",
    "country": "USA"
}

結果:

  • • age: 変更 (30 → 31)
  • • city: 変更 ("New York" → "Los Angeles")
  • • country: 追加 ("USA")

Example 2: 配列比較

左側 JSON:

{
  "items": [
    {"id": 1, "name": "Item A"},
    {"id": 2, "name": "Item B"}
  ]
}

右側 JSON:

{
  "items": [
    {"id": 1, "name": "Item A Updated"},
    {"id": 3, "name": "Item C"}
  ]
}

結果:

  • • items[0].name: 変更 ("Item A" → "Item A Updated")
  • • items[1].id: 変更 (2 → 3)
  • • items[1].name: 変更 ("Item B" → "Item C")

よくある質問

比較はどのように機能しますか?

ツールはJSON構造の深い比較を実行し、各プロパティと配列要素を再帰的に分析します。3つのタイプの変更を識別します:追加(新しいプロパティ)、削除(削除されたプロパティ)、変更(変更された値)。

大きなJSONファイルを比較できますか?

はい、ツールは大きなJSONファイルを処理できます。ただし、非常に大きなファイル(数MB)は処理に時間がかかる場合があります。最適なパフォーマンスのために、非常に大きなファイルを小さなチャンクに分割することを検討してください。

配列はどのように比較されますか?

配列はインデックスで比較されます。ツールは両方の配列の同じ位置にある各要素をチェックします。配列の長さが異なる場合、余分な要素は追加または削除としてマークされます。

どの色コードが使用されますか?

緑は追加(新しいプロパティや値)、赤は削除(削除されたプロパティや値)、黄は変更(変更された値)を示します。この色分けにより、一目で変更のタイプを理解できます。