JSON Diff Tool - Compare Two JSON Documents

Input two JSON documents to compare differences. Added, removed, and changed items are color-coded with paths.

What is JSON Diff?

JSON Diff is a tool that compares two JSON documents and detects differences. Added keys, deleted keys, and value-changed keys are displayed with JSON path information and color coding. Use it to check API response changes, compare configuration file versions, and validate data migrations. It compares by content regardless of key order, enabling accurate difference detection.

How to Use

  1. Paste the original JSON on the left
  2. Paste the modified JSON on the right
  3. Click 'Compare' button to show differences

Usage Examples

JSON A (before):
{"name":"Alice","age":30,"role":"admin"}
JSON B (after):
{"name":"Alice","age":31,"email":"alice@example.com"}
Diff result: age: 30→31 (changed), role: deleted (red), email: added (green)

Practical use: Verify that the response structure has not changed before and after an API version upgrade

FAQ

Can it detect differences in nested objects?
Yes. It compares recursively, so differences in deeply nested objects are detected.
How are array differences displayed?
Differences are shown per element using index numbers as keys.
What happens if JSON key order differs?
Since comparison is by key name, differences in order are not flagged as changes. Only content is compared.
Are type changes (e.g., number to string) also detected?
Yes. Type conversions are also detected and displayed as differences.
Is my data sent to a server?
No. All comparison processing happens entirely in your browser. Sensitive data is safe.

Related Tools

Update History

Last Updated: 2026-02-19

  • 2026-02-19 Initial release