Comparing values between two JSON objects in Angular 8: A guide

Question

Comparing values between two JSON objects in Angular 8: A guide

I need to compare the values of two objects, obj1 and obj2, by ignoring keys that are missing in either object. If all key-value pairs are equal, return false; otherwise, return true.

For example: If 'id' is present in obj1 but not in obj2, it should be ignored during comparison.

Is there a more efficient way to compare values between two objects with minimal code?

Below is my attempted code snippet

compareResponseAndFormValue(){   
    const result = JSON.stringify(this.obj1) === JSON.stringify(this.obj2);
    console.log(result,"result")
    
  }

Expected output:

The value of the 'bankHoliday' column differs between obj1 and obj2, so the comparison should return true.

Sample response:

const obj1 = {
    "id": "",
    "uom": "OOOUnits",
    "classifiedHours": 720,    
    "entryType": "Monthly",
    "entryDetails": {
        "month": "April",
        "year": 2024
    },
    "dataSource": "MDCS",
    "availableTime": {
        "bankHoliday": "8"
    },
    "valueOperatingTime": {
        "breakDownTime": null
    },
    "operatingTime": {
        "maintenanceTime": 0
    },
    "loadingTime": {
        "nominalSpeed": "130"
    },
    "oeeCalculations": {
        "others": {
            "totalTime": 720
        }
    }
}

const obj2 = 
{
   
    "lineId": "E_A571_D",
    "classifiedHours": null,
    "entryDetails": {
        "month": "April",
        "year": 2024
    },
    "availableTime": {
        "bankHoliday": "6.05"
    },
    "valueOperatingTime": {
        "breakDownTime": null
    },
    "operatingTime": {
        "maintenanceTime": 0
    },
    "loadingTime": {
        "nominalSpeed": "130"
    },
    "oeeCalculations": {
        "others": {
            "totalTime": 720
        }
    },
    "uom": "OOOUnits"  
}

javascript angular typescript angular8

Answer 1

Answer №1

Yes, I have a unique function that can help you compare two objects by ignoring keys that are not present in both objects. It will return true if there is any difference between the values of the objects.

 function compareObjects(obj1, obj2) {
    for (let key in obj1) {
      if (obj2.hasOwnProperty(key)) {
        if (typeof obj1[key] === 'object' && obj1[key] !== null && obj2[key] !== null) {
          if (compareObjects(obj1[key], obj2[key])) {
            return true;
          }
        } else if (obj1[key] !== obj2[key]) {
          return true;
        }
      }
    }
    return false;
  }

The function goes through each key in obj1 and checks if it exists in both objects.
If the key exists in both objects, it then compares the values. If the values are objects, it recursively calls the function to compare nested objects.
If the values are not objects or are null, it directly compares them.

If any pair of values is different, the function returns true.
If all keys are checked without finding differences, it returns false which means the objects are equal, ignoring keys not present in both objects.

Answer 2

Yes, I have a unique function that can help you compare two objects by ignoring keys that are not present in both objects. It will return true if there is any difference between the values of the objects.

 function compareObjects(obj1, obj2) {
    for (let key in obj1) {
      if (obj2.hasOwnProperty(key)) {
        if (typeof obj1[key] === 'object' && obj1[key] !== null && obj2[key] !== null) {
          if (compareObjects(obj1[key], obj2[key])) {
            return true;
          }
        } else if (obj1[key] !== obj2[key]) {
          return true;
        }
      }
    }
    return false;
  }

The function goes through each key in obj1 and checks if it exists in both objects.
If the key exists in both objects, it then compares the values. If the values are objects, it recursively calls the function to compare nested objects.
If the values are not objects or are null, it directly compares them.

If any pair of values is different, the function returns true.
If all keys are checked without finding differences, it returns false which means the objects are equal, ignoring keys not present in both objects.

Comparing values between two JSON objects in Angular 8: A guide

Answer №1

Similar questions

What is the best way to display each value from the array arr, containing strings, on separate lines?

Interactive Communication: PHP and JQuery Messaging Platform

How can the value attribute be obtained from the click class?

Creating intricate JavaScript objects for JSON API integration can be accomplished by following these steps:

A guide on traversing through nested HTML divs using jQuery

Is there a way to automatically collapse all the collapsible elements within the accordion when closing it?

Experience the power of CanJS Observable data objects with the added feature of

Navigating a local and server environment with relative paths in a web server's multiple sites

Using the useStaticQuery hook outside of a function component is not allowed and will result in an invalid hook call error. Remember to only call

Send the innerHTML content to the data layer in Tag Manager

removing the mapStateToProps function will result in an undefined value

Strange compilation issue "Syntax error: Unable to access 'map' property of null" occurs when map function is not utilized

Struggling to retrieve a particular user using ExpressJs due to an error

jquery module for retrieving and updating messages

Listening for select elements that have remained unchanged

Utilizing v-for in Vue with TypeScript to generate multiple checkboxes

Instead of leaving an Enum value as undefined, using a NONE value provides a more explicit

Getting rid of background color in a tooltip using Material UI

Utilizing Ternary Operators with User Input

When attempting to retrieve JSON data for the second time, AJAX fails to fetch the information