JSON Compare
Compare two JSON objects side-by-side and highlight differences.
JSON
Original JSON (Left)
Modified JSON (Right)
What is JSON Compare?
JSON Compare is a developer utility that allows you to compare two JSON structures side-by-side. It formats both inputs, optionally sorts their keys alphabetically to eliminate false positives caused by key order differences, and highlights added, changed, or deleted fields.
Features
- Side-by-Side & Unified Views: View differences in a dual-column layout or a single unified stream.
- Key Sorting: Automatically sort keys alphabetically so that order differences don’t clutter your diff results.
- Validation: Real-time syntax validation with line numbers for parsing errors.
- Local & Private: All processing happens client-side in your browser. Your data is never sent to any server.
How to Compare JSON Objects
- Paste your source JSON in the Left Editor (Original).
- Paste your target JSON in the Right Editor (Modified).
- Toggle options like Sort Keys if your JSON structures have the same keys but in different orders.
- Click Compare or see the live updates in the Diff Viewer tab.
- Review the highlighted differences: red for removals, green for additions, and blue/yellow for inline differences.
Example Comparison
Left (Original)
{
"name": "DevsTool",
"version": "1.0.0",
"active": true,
"tags": ["formatting", "validation"]
}
Right (Modified)
{
"name": "DevsTool",
"version": "1.1.0",
"tags": ["formatting", "validation", "comparison"],
"featured": true
}