Paste JSON into both panels.

What this tool does

JSON Diff compares two JSON values recursively and reports the paths where they differ. Instead of scanning by eye, you get a field-level summary of changed types, removed keys, added values, and array differences.

This is especially useful when API responses look similar but still break tests, clients, or downstream logic.

Common use cases

  • Comparing staging and production API responses.
  • Inspecting whether a deployment changed payload shape.
  • Reviewing fixture updates in tests.
  • Finding subtle differences inside nested objects or arrays.

Input and output example

Left

{"role":"admin"}

Right

{"role":"editor"}
$.role: "admin" -> "editor"

How to use this tool

  1. Paste the first JSON object on the left and the second on the right.
  2. Click Compare JSON.
  3. Read the diff output to see changed paths.
  4. Sort the payloads first with JSON Sorter if you want cleaner comparisons.
Your JSON is processed in your browser and is not uploaded to our servers.

Common errors

  • Invalid JSON in either panel stops the comparison.
  • Large arrays may create many line-by-line differences.
  • Equivalent data with different ordering can create noisy diffs if arrays changed position.
  • Mixed data types often reveal the real bug in a payload contract.

Related tools

FAQ

Can I compare arrays as well as objects?

Yes. Arrays are compared by index and by length.

Will this show missing keys?

Yes. Added and removed properties are included in the diff output.

Should I format or sort first?

Formatting helps readability, while sorting helps reduce key-order noise. Both can help before diffing.

Can I compare very similar API responses?

Yes. That is one of the most useful cases for JSON Diff.