BYTETOOLS

JSON Diff

Compare two JSON documents structurally and see added, removed and changed values by path, ignoring key order. Free online JSON diff, 100% in your browser.

  • Structural comparison that ignores key order
  • Lists added, removed and changed values by path
  • Colour-coded results with per-type counts
  • Detects identical documents even when reordered
  • Copy or download a readable diff report
  • 100% private — neither document leaves your browser

How to use the JSON Diff

  1. 1

    Paste the original JSON into the left box and the changed JSON into the right box.

  2. 2

    Click Compare to run a structural diff that ignores key order.

  3. 3

    Review the counts of added, removed and changed values and the per-path list.

  4. 4

    Copy the plain-text report or download it for a review or ticket.

About the JSON Diff

The ByteTools JSON Diff compares two JSON documents structurally and shows exactly what changed. It lists added keys, removed keys and changed values by their full path, ignoring key order so reordered objects are not flagged as differences — you get a readable summary instead of a noisy text diff.

It is built for developers comparing API responses, configuration files, snapshots or database exports. Colour-coded results and counts of additions, removals and changes let you spot meaningful differences in seconds and copy a plain-text report for a review or ticket.

The comparison runs 100% locally in your browser with JavaScript. Neither document is uploaded or stored, so you can safely diff private configs, production payloads and confidential data.

Frequently asked questions

How do I compare two JSON files?

Paste one JSON document into each box and click Compare. The tool walks both structures and lists every added, removed and changed value by its path, along with counts, so you can see what differs at a glance.

Does JSON diff ignore key order?

Yes. Object keys are compared by name, not position, so two objects with the same keys in a different order are treated as identical. Array elements are compared by index, where order is meaningful.

What is the difference between added, removed and changed?

Added means a key or element exists only in the right document, removed means it exists only in the left, and changed means the same path has different values on each side. Each is shown with its full path.

Can it tell me the two documents are the same?

Yes. If the documents are structurally identical after ignoring key order, the tool shows a clear confirmation instead of an empty result, so you know the comparison ran and found no differences.

Is my JSON uploaded when I compare it?

No. Both documents are parsed and compared in your browser with JavaScript. Nothing is transmitted or stored, making it safe to diff confidential configs and production data.

Related tools