toolkit

Diff Checker

Runs in browser

Compare Text and JSON documents

How to Use

Compare JSON semantically, ignoring order.

  • Detects value changes
  • Handles nested objects
  • Type-aware comparison
Comparison Result

Comparison results will appear here

Related Tools

Data Tools

Text Diff

Data Tools

JSON Formatter

Data Tools

JSON Validator

About JSON Diff

JSON diff performs semantic comparison of JSON documents. Unlike text diff, it understands JSON structure — ignoring formatting differences like whitespace and key ordering to show only meaningful changes.

Semantic vs Text Comparison

Text Diff

Treats JSON as text. Formatting changes appear as differences.

JSON Diff ✓

Parses JSON structure. Only shows value and structure changes.

How JSON Diff Works

  1. Parse: Both documents are parsed into JavaScript objects
  2. Traverse: Objects are recursively compared key-by-key
  3. Detect: Changes are categorized as added, removed, or modified
  4. Report: Only structural/value differences are shown

Common Use Cases

API Testing

Compare expected vs actual responses in unit tests

Config Changes

Track configuration updates between versions

Data Migration

Verify data transformations preserve values

Schema Validation

Compare JSON structures for compatibility

Advanced Features

  • Deep comparison: Nested objects and arrays are compared recursively
  • Key order independence: {"a":1, "b":2} equals {"b":2, "a":1}
  • Type awareness: Detects type changes (string → number)
  • Path tracking: Shows exact location of each difference ($.user.name)
  • Array handling: Compares arrays by position, shows additions/removals

💡 Pro Tips

  • Use text mode if you need to compare exact formatting
  • JSON diff ignores key order — only values matter
  • Toggle "Only diffs" to hide unchanged properties
  • Use the path indicator ($.path.to.field) to locate changes in large documents
  • This tool processes everything locally in your browser — your data never leaves your machine

Further Reading