How to compare two objects in Angular not using reference of object

Question

originaltraits:{
artistic:25,
athletic:24,
goodLooks:70,
happiness:0,
health:81
}
newtraits:{
artistic:25,
athletic:24,
goodLooks:70,
happiness:0,
health:81
}

I have these two objects I want to compare these objects' fields not using object reference in Angular then how to compare?

Why does two equal Objects shows 'not equal" in Angular 2

If you are sure about the order of the properties, you can JSON.stringify it and compare it. — Saravana
– Saravana, Commented May 10, 2017 at 8:56

Ricardo D. Ferrancullo III · Accepted Answer · 2017-10-20 02:01:43Z

20

You can compare objects using JSON.stringify(), assuming you have the same order of object properties. i.e:

JSON.stringify(obj1).toLowerCase() === JSON.stringify(obj2).toLowerCase();

edited Oct 20, 2017 at 2:01

answered Oct 20, 2017 at 1:48

Ricardo D. Ferrancullo III

4219 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Rzassar Over a year ago

The problem with this approach is that, object {Foo=1, Bar =123} is not equal to object {Bar =123, Foo=1}, Some ordering would help.

Bogdan D Over a year ago

besides the ordering problem, this toLowerCase() is wrong, will make { x: 'FOo' } equal to { x: 'foo' }

José Quinto Zamora · Accepted Answer · 2017-05-10 12:11:41Z

2

If you need to do more comparisons like this one on your project, I highly recommend you using library like deep-equal:

https://www.npmjs.com/package/deep-equal

It has their types to be used with TypeScript:

https://www.npmjs.com/package/@types/deep-equal

answered May 10, 2017 at 12:11

José Quinto Zamora

2,13815 silver badges15 bronze badges

1 Comment

Sagar Agrawal Over a year ago

I get this error if i use deep-equal. error TS2497: Module '"/angularCodeFolder/node_modules/@types/deep-equal/index"' resolves to a non-module entity and cannot be imported using this construct. What could be the issue ?

Collectives™ on Stack Overflow

How to compare two objects in Angular not using reference of object

2 Answers 2

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related