Porównywanie obiektów JS

Question

Hej :)
Jeżeli chcę porównywać referencję obiektów to muszę użyć JSON.stringify. Dlaczego? Nie powinno być tak, że jeżeli porównuję dwie różne referencje o tych samych wartościach to powinno wypisać mi true, a dopiero przy próbie sprawdzenia, czy są identyczne powinno wypisać mi false bo pochodzą z innych lokalizacji?

Co daje tem JSON.stringify? Spłaszcza? Zwraca po prostu czystą wartość (string), dlatego wtedy idzie porównać referencje?

var tablica_1 = ['1', '2', '3'];
var tablica_2 = ['1', '2', '3'];
var referencja_tablicy_1 = tablica_1;
var referencja_tablicy_2 = tablica_2;

console.log('tablica_1', tablica_1);                          //wypisze ["1", "2", "3"]
console.log('tablica_2', tablica_2);                          //wypisze ["1", "2", "3"]
console.log('referencja_tablicy_1', referencja_tablicy_1);    //wypisze ["1", "2", "3"]
console.log('referencja_tablicy_2', referencja_tablicy_2);    //wypisze ["1", "2", "3"]

console.log('czy referencja_tablicy_1 == referencja_tablicy_2?', referencja_tablicy_1 == referencja_tablicy_2);         //wypisze false
console.log('czy referencja_tablicy_1 === referencja_tablicy_2?', referencja_tablicy_1 === referencja_tablicy_2);       //wypisze false

console.log('czy referencja_tablicy_1 JSON == referencja_tablicy_2 JSON?', JSON.stringify(referencja_tablicy_1) == JSON.stringify(referencja_tablicy_2));       //wypisze true
console.log('czy referencja_tablicy_1 JSON === referencja_tablicy_2 JSON?', JSON.stringify(referencja_tablicy_1) === JSON.stringify(referencja_tablicy_2));     //wypisze true

 

Answer 1

Obiekty nie są porównywane według wartości, jak typy prymitywne, ale wg tożsamości. Dlatego obiekt jest równy tylko samemu sobie, bo każdy ma inną tożsamość.

Zamiast JSON.stringify użyłbym raczej Object.entries a następnie przelatywał pętlą te tablice i sprawdzał, czy są takie same.

Comments

Jestem dość świeży w temacie ale przy porównywaniu wartości JSON.stringify zadziała niekiedy lepiej niż Object.entries  (a na pewno prościej) niezależnie od zawartości obiektów.

Przerabiam właśnie temat związany z React.js a konkretnie shouldComponentRender. Otóż jeżeli w wartościach obiektów znajdą sie funkcje (w moim wypadku handlery zdarzeń), metoda z pętlą wywali bezwarunkowo false, natomiast JSON.stringify da dokładnie to czego oczekuję.

---

JSON.stringify nie poradzi sobie z rekursywnymi obiektami (takimi jak węzły DOM).

Niemniej w Twoim przypadku chyba chodzi o instancję klasy? Tutaj pewnie rozchodzi się o to, że jest inne this przypięte.