Determining Equality in JavaScript: Comparing 2 Objects

Question

Determining Equality in JavaScript: Comparing 2 Objects

I'm currently working with 2 objects that will always have the same amount of properties, but their values may vary.

In my attempt to check if the two objects hold the same values, I decided to use the .every method. However, all results are returning false, even though I am expecting them to be true.

How can I compare these 2 objects to determine if they are equal?

Below is a snippet of the code:

const priceOne = {
"price": 14.31,
"taxes": 2.00,
"total": 16.31
}

const priceTwo = {
"price": 14.31,
"taxes": 2.00,
"total": 16.31
}

const comparePrice = Object.keys(priceOne).every((item, index) => {
      item === Object.keys(priceTwo)[index] ?  true :  false
    })
    
console.log(comparePrice)

javascript

Answer 1

Answer №1

When comparing different objects:

     const priceOne = {
            "price": 14.31,
            "taxes": 2.00,
            "total": 16.31
      }

      const priceTwo = {
            "price": 12.31,
            "taxes": 2.00,
            "total": 16.31
        }

let comparePrice = true

 for (let key in priceOne){
    if(priceOne[key] != priceTwo[key]){
       comparePrice = false
     }

The variable will be false when the objects are identical:

const priceOne = {
       "price": 14.31,
       "taxes": 2.00,
       "total": 16.31
 }

const priceTwo = {
      "price": 14.31,
      "taxes": 2.00,
      "total": 16.31
}

In this case, the result will be true.

I hope this explanation is helpful

If we encounter an array instead of a string or number, we can easily add additional validation using this approach:

 const priceOne = { a: '0' };

 const priceTwo = { a: [0] };

 let comparePrice = true

for (let key in priceOne) {

if(Array.isArray(priceTwo[key] )){
    if (priceOne[key] != priceTwo[key].toString()) {
    comparePrice = false
  }
}else if(Array.isArray(priceOne[key] )) {
    if (priceOne[key].toString() != priceTwo[key]) {
    comparePrice = false
  }
}
if (priceOne[key] != priceTwo[key]) {
    comparePrice = false
   }
}

console.log(comparePrice);

Answer 2

When comparing different objects:

     const priceOne = {
            "price": 14.31,
            "taxes": 2.00,
            "total": 16.31
      }

      const priceTwo = {
            "price": 12.31,
            "taxes": 2.00,
            "total": 16.31
        }

let comparePrice = true

 for (let key in priceOne){
    if(priceOne[key] != priceTwo[key]){
       comparePrice = false
     }

The variable will be false when the objects are identical:

const priceOne = {
       "price": 14.31,
       "taxes": 2.00,
       "total": 16.31
 }

const priceTwo = {
      "price": 14.31,
      "taxes": 2.00,
      "total": 16.31
}

In this case, the result will be true.

I hope this explanation is helpful

If we encounter an array instead of a string or number, we can easily add additional validation using this approach:

 const priceOne = { a: '0' };

 const priceTwo = { a: [0] };

 let comparePrice = true

for (let key in priceOne) {

if(Array.isArray(priceTwo[key] )){
    if (priceOne[key] != priceTwo[key].toString()) {
    comparePrice = false
  }
}else if(Array.isArray(priceOne[key] )) {
    if (priceOne[key].toString() != priceTwo[key]) {
    comparePrice = false
  }
}
if (priceOne[key] != priceTwo[key]) {
    comparePrice = false
   }
}

console.log(comparePrice);

Answer 3

Answer №2

To compare prices, I recommend using JSON.stringify(). For example:

if ( JSON.stringify(itemPrice) === JSON.stringify(productPrice) ){

Answer 4

To compare prices, I recommend using JSON.stringify(). For example:

if ( JSON.stringify(itemPrice) === JSON.stringify(productPrice) ){

Determining Equality in JavaScript: Comparing 2 Objects

Answer №1

Answer №2

Similar questions

"Encountered a 400 Error while trying to access the OpenAI

Retrieve the past week's data based on names using JavaScript

Tips for adjusting font size automatically to fit within its parent container every time

What could be causing my Angular JS application to malfunction?

What could be causing the "ERROR TypeError: Cannot read property 'length' of undefined" message to occur with a defined array in my code?

Challenge with delayed function execution in AngularJS

The readStream in Node.JS unexpectedly terminates before the writeStream

Retrieve the element that triggered the event listener within Nuxt

Find the identifier that does not currently exist in the collection of objects

Load and execute a dynamically created script in JavaScript at the same time

The useMutation function trapped in an endless loop

Reset dropdown selection when a search query is made

Raycasting intersection with a line on BufferGeometry in Three.js

Using AngularJS to filter an array using the $filter function

Using jQuery to manipulate the image within a specific div element

I require a way to decelerate the speed of the roulette wheel's rotation

Successful execution occurring prior to beforeSend in a Cordova iOS application utilizing jQuery Ajax

Trigger a notification based on the selected choice

Adding an onClick event to a React MUI Fab: A Step-by-Step Guide

Customizing event colors in Full Calendar