HomeToolsJSON Diff

JSON Diff

Compare two JSON objects side by side and highlight differences. Detect added, removed, and changed keys with color-coded output.

Deep recursive comparisonColor-coded diff outputAdded/removed/changed detectionJSONPath for each differenceSwap & compareClient-side only

How to Compare JSON Objects

  1. 1Paste your first JSON object in the left panel
  2. 2Paste your second JSON object in the right panel
  3. 3Click "Compare" to find all differences
  4. 4View color-coded results: green (added), red (removed), yellow (changed)
  5. 5Each difference shows the full JSONPath to the changed value
  6. 6Use the Swap button to reverse left and right, or copy the diff output

Frequently Asked Questions

How does the JSON diff comparison work?

The tool parses both JSON inputs and performs a deep recursive comparison. It walks through every key and value, detecting additions, removals, and value changes at any depth of nesting.

Can it compare arrays?

Yes. Arrays are compared element by element. If one array is longer, the extra elements are shown as added or removed. Nested arrays and objects within arrays are also compared recursively.

What does the JSONPath in each diff entry mean?

The JSONPath (e.g., $.address.city) shows the exact location of the difference in the JSON structure. $ represents the root, .key is a property access, and [n] is an array index.

Can I compare large JSON files?

Yes. The comparison runs entirely in your browser. However, very large files with thousands of differences may take a moment to render all the diff entries.

Is my data private?

Absolutely. No data is sent to any server. The comparison runs 100% client-side in JavaScript.

Need More Developer Tools?

Explore our complete collection of free online developer utilities

View All Tools