Verify if two items possess identical property values

Question

Verify if two items possess identical property values

There are 2 items:

1. obj1 = { bookRetail: 14.99, hierarchyDescription: "GUYS DENIM PANTS [ 0151 ]", isSelected: true, isAvailableInPivot: "Y", style: "VICE NWH NAVY WHITE DC [ M450MBON ]"}

2. obj2 = { bookRetail: 14.99, hierarchyDescription: "GUYS DENIM PANTS [ 0151 ]", isSelected: false, isAvailableInPivot: "Y", style: "VICE NWH NAVY WHITE DC [ M450MBON ]"}

I need to compare these 2 objects without considering the isSelected property, and if they are identical (except for the value of isSelected), I want to set obj2's isSelected to true.

if (JSON.stringify(obj1) === JSON.stringify(obj2)) {
  obj2.isSelected = true;
}

Currently, the code above compares both objects including the isSelected property, how can I exclude it from the comparison.

javascript arrays json

Answer 1

Answer №1

Using JSON.stringify() to compare two Objects may not be reliable due to the unpredictable order of keys in the parameters.

It is recommended to iterate through the keys of the objects using Object.keys() along with Array.prototype.every() for a more accurate comparison:

const object1 = { name: 'Alice', age: 30 },
      object2 = { name: 'Bob', age: 25 };
      
object2.isEqual = Object
  .keys(object1)
  .every(key => 
    key === 'isEqual' || 
    object1[key] === object2[key]);
    
console.log(object2);

Answer 2

Using JSON.stringify() to compare two Objects may not be reliable due to the unpredictable order of keys in the parameters.

It is recommended to iterate through the keys of the objects using Object.keys() along with Array.prototype.every() for a more accurate comparison:

const object1 = { name: 'Alice', age: 30 },
      object2 = { name: 'Bob', age: 25 };
      
object2.isEqual = Object
  .keys(object1)
  .every(key => 
    key === 'isEqual' || 
    object1[key] === object2[key]);
    
console.log(object2);

Answer 3

Answer №2

When comparing JSON strings as advised by @Yevgen Gorbunkov, consider using destructuring to eliminate the need for isSelected:

const removeSelected = ({ isSelected, ...rest }) => JSON.stringify(rest);

if (removeSelected(tempData) === removeSelected(itemData)) {
  itemData.isSelected = true;
}

Answer 4

When comparing JSON strings as advised by @Yevgen Gorbunkov, consider using destructuring to eliminate the need for isSelected:

const removeSelected = ({ isSelected, ...rest }) => JSON.stringify(rest);

if (removeSelected(tempData) === removeSelected(itemData)) {
  itemData.isSelected = true;
}

Verify if two items possess identical property values

Answer №1

Answer №2

Similar questions

Tips for Effectively Adding Deciphered JSON Data into a Mysql Database

JavaScript Filtering JSON Data Based on Date Range

What could have caused the lack of output from the render function?

Configuring a spinner to display a selected item using JSON

Guide on Declaring an Array in a Node Module and Another JavaScript File (Mongodb)

Creating a JSX syntax for a simulated component and ensuring it is fully typed with TypeScript

Submitting an image blob to a database using the FormBuilder

The use of callbacks is ineffective in addressing the asynchronous nature of

Is there a more efficient method to achieve this task using JavaScript or jQuery?

How can I resolve the Vue warning about an unknown custom element <password-input>?

What could be causing this error to occur when running my React app and clicking the submit button on the form?

Using React.js to create table cells with varying background colors

The Express API will only provide the initial key-value pair of an object in the response

Interacting with server-side data using JQuery's $.ajax method and handling JSON

CORS Policy Blocking React and Express Access to Fetch Data from Origin

Manipulating CSS styles with jQuery

Tips for updating a column with just one button in AngularJS

What is the process for generating an attribute in a system?

Guide on how to have controller wait for promise to be resolved by an Angular service

What is the meaning of MVVM "binder" and how is it used?