Object Comparison

Learn how to use BlazeDiff for comparing JavaScript objects and detecting changes in complex data structures.

Installation


npm install @blazediff/object


pnpm add @blazediff/object


yarn add @blazediff/object


bun add @blazediff/object

Overview

BlazeDiff Object provides fast and efficient comparison of JavaScript objects, detecting additions, removals, and modifications with detailed path information. Try the interactive demos below to see different comparison scenarios in action.

Basic Comparison

{
  "a": 1,
  "b": 2,
  "c": 3
}

Old Object

{
  "a": 1,
  "b": 20,
  "d": 4
}

New Object

Result


import diff from "@blazediff/object";
 
const oldObj = { a: 1, b: 2, c: 3 };
const newObj = { a: 1, b: 20, d: 4 };
 
const changes = diff(oldObj, newObj);

Nested Objects

{
  "user": {
    "name": "John",
    "email": "john@old.com",
    "settings": {
      "theme": "dark",
      "notifications": true
    }
  }
}

Old Object

{
  "user": {
    "name": "John Doe",
    "email": "john@new.com",
    "settings": {
      "theme": "light",
      "notifications": true,
      "language": "en"
    }
  }
}

New Object

Result


import diff from "@blazediff/object";
 
const oldObj = {
  user: {
    name: "John",
    email: "john@old.com",
    settings: {
      theme: "dark",
      notifications: true
    }
  }
};
 
const newObj = {
  user: {
    name: "John Doe",
    email: "john@new.com",
    settings: {
      theme: "light",
      notifications: true,
      language: "en"
    }
  }
};
 
const changes = diff(oldObj, newObj);

Array Changes

{
  "items": [
    {
      "id": 1,
      "name": "Item 1",
      "value": 100
    },
    {
      "id": 2,
      "name": "Item 2",
      "value": 200
    }
  ],
  "total": 300
}

Old Object

{
  "items": [
    {
      "id": 1,
      "name": "Item 1",
      "value": 150
    },
    {
      "id": 2,
      "name": "Item 2",
      "value": 200
    },
    {
      "id": 3,
      "name": "Item 3",
      "value": 50
    }
  ],
  "total": 400
}

New Object

Result


import diff from "@blazediff/object";
 
const oldObj = {
  items: [
    { id: 1, name: "Item 1", value: 100 },
    { id: 2, name: "Item 2", value: 200 }
  ],
  total: 300
};
 
const newObj = {
  items: [
    { id: 1, name: "Item 1", value: 150 },
    { id: 2, name: "Item 2", value: 200 },
    { id: 3, name: "Item 3", value: 50 }
  ],
  total: 400
};
 
const changes = diff(oldObj, newObj);