It's not too hard to create a function like this. Just loop through each field in the second object, and if it's not present in the first or the value is different than the first, put that field in the return object.
var compareJSON = function(obj1, obj2) {
var ret = {};
for(var i in obj2) {
if(!obj1.hasOwnProperty(i) || obj2[i] !== obj1[i]) {
ret[i] = obj2[i];
}
}
return ret;
};
You can see it in action on this demo page.
Answer from Peter Olson on Stack Overflownpm
npmjs.com › package › json-diff-ts
json-diff-ts - npm
Modern TypeScript JSON diff library - json-diff-ts is a lightweight, high-performance TypeScript library for calculating and applying differences between JSON objects.
» npm install json-diff-ts
Published Mar 06, 2026
Version 4.10.0
Author Christian Glessner
Repository https://github.com/ltwlf/json-diff-ts
GitHub
github.com › thiagomayrink › json-diff-ts-cjs
GitHub - thiagomayrink/json-diff-ts-cjs: A JSON diff tool for JavaScript written in TypeScript. forked from: https://github.com/ltwlf/json-diff-ts.git
A JSON diff tool for JavaScript written in TypeScript. forked from: https://github.com/ltwlf/json-diff-ts.git - thiagomayrink/json-diff-ts-cjs
Author thiagomayrink
Videos
GitHub
github.com › ltwlf › json-diff-ts
GitHub - ltwlf/json-diff-ts: A diff tool for JavaScript written in TypeScript. · GitHub
Modern TypeScript JSON diff library - json-diff-ts is a lightweight, high-performance TypeScript library for calculating and applying differences between JSON objects.
Author ltwlf
CodeSandbox
codesandbox.io › examples › package › json-diff-ts
json-diff-ts examples - CodeSandbox
Calculate and apply differences between JSON objects with advanced features like key-based array diffing, JSONPath support, and atomic changesets.301,585Weekly Downloads
Top answer 1 of 5
25
It's not too hard to create a function like this. Just loop through each field in the second object, and if it's not present in the first or the value is different than the first, put that field in the return object.
var compareJSON = function(obj1, obj2) {
var ret = {};
for(var i in obj2) {
if(!obj1.hasOwnProperty(i) || obj2[i] !== obj1[i]) {
ret[i] = obj2[i];
}
}
return ret;
};
You can see it in action on this demo page.
2 of 5
5
You can have a look at json diff wrapper here
It has also demo page.You can use this wrapper.
CodeSandbox
codesandbox.io › s › json-diff-ts-2tx774
json-diff-ts - CodeSandbox
August 31, 2023 - Modern TypeScript JSON diff library - Zero dependencies, high performance, ESM + CommonJS support. Calculate and apply differences between JSON objects with advanced features like key-based array diffing, JSONPath support, and atomic changesets.
Published Aug 31, 2023
Repository https://codesandbox.io/s/2tx774
GitHub
github.com › RexSkz › json-diff-kit
GitHub - RexSkz/json-diff-kit: A better JSON differ & viewer, support LCS diff for arrays and recognise some changes as "modification" apart from simple "remove"+"add". · GitHub
A better JSON differ & viewer library written in TypeScript.
Author RexSkz
npm
npmjs.com › package › json-diff-kit
json-diff-kit - npm
A better JSON differ & viewer library written in TypeScript.
» npm install json-diff-kit
Published Mar 03, 2026
Version 1.0.35
Author Rex Zeng
Repository https://github.com/RexSkz/json-diff-kit
GitHub
github.com › ltwlf › json-diff-ts › blob › master › .prettierrc
json-diff-ts/.prettierrc at master · ltwlf/json-diff-ts
A diff tool for JavaScript written in TypeScript. Contribute to ltwlf/json-diff-ts development by creating an account on GitHub.
Author ltwlf
GitHub
github.com › ltwlf › json-diff-ts › issues
ltwlf/json-diff-ts
A diff tool for JavaScript written in TypeScript. Contribute to ltwlf/json-diff-ts development by creating an account on GitHub.
Author ltwlf
JSON Diff
jsondiff.com
JSON Diff - The semantic JSON compare tool
Validate, format, and compare two JSON documents. See the differences between the objects instead of just the new lines and mixed up properties.
npms
npms.io › search
JSON diff
npms was built to empower the javascript community by providing a better and open sourced search for node modules.
npm
npmjs.com › package › @types › json-diff
@types/json-diff - npm
TypeScript definitions for json-diff. Latest version: 1.0.3, last published: 2 years ago. Start using @types/json-diff in your project by running `npm i @types/json-diff`. There are 14 other projects in the npm registry using @types/json-diff.
» npm install @types/json-diff
Published Jan 09, 2024
Version 1.0.3
Js
json-diff-kit.js.org
JSON Diff Kit Playground
We cannot provide a description for this page right now
jsDelivr
jsdelivr.com › package › npm › json-diff-ts
json-diff-ts CDN by jsDelivr - A CDN for npm and GitHub
November 30, 2019 - Modern TypeScript JSON diff library - Zero dependencies, high performance, ESM + CommonJS support. Calculate and apply differences between JSON objects with advanced features like key-based array diffing, JSONPath support, and atomic changesets.
Published Nov 30, 2019
Repository https://github.com/ltwlf/json-diff-ts
Cloudsmith
cloudsmith.com › navigator › npm › @types › json-diff
@types/json-diff (1.0.3) - npm Package Quality | Cloudsmith Navigator
Learn all about the quality, security, and current maintenance status of @types/json-diff using Cloudsmith Navigator
Reddit
reddit.com › r/reactjs › weekend project: json diff tool built with react + typescript + vite
r/reactjs on Reddit: Weekend project: JSON Diff Tool built with React + TypeScript + Vite
October 19, 2025 -
Built a JSON/YAML comparison tool this weekend as a React learning project.
Tech choices:
React 18 with hooks (useState, useEffect)
TypeScript for type safety
Vite for blazing fast dev experience
Tailwind CSS for styling
Deployed on Vercel (auto-deployment from GitHub)
What it does: Compare configuration files side-by-side with color-coded differences.
Try it: https://diff-master.vercel.app/
React patterns used:
Component composition (ComparisonArea, ResultsSection, Header)
Custom hooks for state management
TypeScript interfaces for type safety
Responsive design with Tailwind
Interesting challenges solved:
Deep object comparison algorithm
Real-time format detection (JSON vs YAML)
Efficient diff calculation for large files
Markdown export functionality
Built with bolt.diy (AI-assisted coding) which helped me:
Scaffold the project structure quickly
Generate TypeScript types
Debug TypeScript compilation errors
Deploy to Vercel
What would you improve from a React architecture perspective?
https://imgur.com/a/Ye6WFDQ
Json-format
json-compare.json-format.com › home › uncategorized › json diff, json compare, diff, json-diff-ts
JSON Diff, JSON Compare, Diff, JSON-Diff-TS - online json comparator
November 26, 2025 - A JSON diff tool, such as JSON-Diff-TS, helps developers compare JSON files and JSON objects efficiently. Using a compare tool, you can analyze compare data, detect diff data, and visualize changes in semantic JSON. These tools allow you to validate JSON documents, review keys and paths, track ...
npm
npmjs.com › package › json-diff
json-diff - npm
% json-diff --help Usage: json-diff [-vCjfonskKp] first.json second.json Arguments: <first.json> Old file <second.json> New file General options: -v, --verbose Output progress info -C, --[no-]color Colored output -j, --raw-json Display raw JSON encoding of the diff -f, --full Include the equal sections of the document, not just the deltas --max-elisions COUNT Max number of ...s to show in a row in "deltas" mode (before collapsing them) -o, --output-keys KEYS Always print this comma separated keys, with their value, if they are part of an object with any diff -x, --exclude-keys KEYS Exclude these comma separated keys from comparison on both files -n, --output-new-only Output only the updated and new key/value pairs (without marking them as such).
» npm install json-diff
Published May 15, 2023
Version 1.0.6
Author Andrey Tarantsov
Repository https://github.com/andreyvit/json-diff
Deno
deno.com › npm › package › json-diff-ts
Use the json-diff-ts npm package in Deno
Deno supports npm. You can install json-diff-ts with $ deno install npm:json-diff-ts