DevsToolkit

JSON Diff

JSON

Compare two JSON objects structurally and highlight differences

All processing happens locally in your browser — your data never leaves your machine.
Loading tool...

Examples

Simple Field Changes

Input
{"name":"Alice","age":30,"city":"New York"}
---
{"name":"Alice","age":31,"city":"Boston"}
Output
0 additions, 0 removals, 2 changes (age, city)

Nested Object Diff

Input
{"user":{"name":"Jane","address":{"street":"123 Main St","zip":"10001"}}}
---
{"user":{"name":"Jane","address":{"street"...
Output
1 addition (user.address.state), 0 removals, 1 change (user.address.street)

Array Comparison

Input
{"items":["apple","banana","cherry"]}
---
{"items":["apple","blueberry","cherry","date"]}
Output
1 addition (items[3]), 0 removals, 1 change (items[1])

Frequently Asked Questions

How does the JSON Diff tool compare objects?
The tool parses both JSON inputs and recursively walks their structure, comparing values at every path. It detects additions, removals, and value changes for objects, arrays (by index), and primitives. Results are shown with color-coded entries and dot-notation paths.
Can I compare deeply nested JSON?
Yes. The diff engine recursively traverses objects and arrays to any depth, tracking the full path in dot-notation (e.g., user.address.city). Every leaf value is compared, so no difference is missed regardless of nesting level.
Is my data safe when using this tool?
Absolutely. All comparison logic runs locally in your browser using JavaScript. Your JSON data is never uploaded to any server.

Related Tools