JSON Diff Viewer - Compare JSON Objects

Compare two JSON objects and highlight differences. Shows added, removed, and modified fields with color-coded diffs. Fast, private, browser-based comparison.

Original JSON (Left)

Modified JSON (Right)

Ignore array order

Enter two JSON objects and click "Compare JSON"

Related Tools

JSON Viewer - Interactive Tree Explorer

JSON Tree Viewer - Interactive JSON Expl…

View all Json viewers →

Frequently Asked Questions

Comparing API responses, detecting configuration changes, reviewing data updates, debugging discrepancies between expected and actual JSON, and tracking version changes in JSON documents.

Added fields are green, removed fields are red, modified values are yellow. Unchanged parts are dimmed for clarity. The diff shows the exact path to each change.

Yes. The diff recursively compares all nested objects and arrays, showing differences at every level with full JSON paths.

Yes. Arrays are compared element-by-element. Added, removed, and modified array items are clearly marked with their index positions.

Yes. All comparison happens in your browser using JavaScript. Neither JSON document is sent to any server.

Yes. Use the 'Swap' button to reverse the comparison direction, which changes what appears as added vs removed.

The viewer validates both inputs and shows clear error messages if either JSON is malformed, indicating the line and error type.

Yes. Export as JSON patch format (RFC 6902) or copy the visual diff as HTML. The patch format can be used programmatically to apply changes.

When a field changes type (e.g., string to number), it's shown as a modification with both old and new values displayed.

The current version compares all fields. For selective comparison, you can manually edit the JSON to remove fields before comparing.

Differences

Related Tools