Developer Tools • ClientSide

JSON Compare

Perform deep structural diff and comparison between two JSON documents. Detect added, removed, and modified values, nested objects, array changes, and type differences with exact JSON paths.

JSON Compare Workspace
Active
JSON A Original 0 chars
JSON B Modified 0 chars

How to Use JSON Compare

  1. Input JSON A and JSON B: Paste original JSON in Left (JSON A) and modified JSON in Right (JSON B), or upload .json files.
  2. Configure Comparison Options: Select whether to ignore key ordering, ignore array ordering, or use case-insensitive key matching.
  3. Click Compare JSON: Run deep structural analysis to detect added properties, removed items, changed values, and type discrepancies.
  4. Inspect Diffs & Export: Filter diff items by status (Added, Removed, Changed) and copy or download the difference report.

Frequently Asked Questions

Does JSON Compare perform semantic or simple text diffing?

It performs deep structural parsing. This means differences in whitespace or property ordering (when enabled) are disregarded in favor of true semantic data structure comparison.

How are differences identified?

Each difference provides its exact JSON path (e.g., $.user.address.zipcode) alongside old and new values and data type changes.

Can I compare unsorted JSON objects?

Yes, 'Ignore key order' is enabled by default so objects with identical properties in different orders are recognized as equal.

Is my JSON data uploaded to your server?

No. All JSON parsing and comparison runs 100% in your browser without sending any payload across the network.

Related Utilities