Mi pregunta en si es esa:
¿Cómo se deben comparar correctamente dos objetos en
javascript
?
$(document).ready(function(){
function p(o){
return JSON.stringify(o)
}
function compare(o1, o2){
const r = (o1 === o2)
console.log(p(o1) + ' === ' + p(o2) + ': ' + r)
}
var a = [], b = [], c = a;
var x = {}, y = {}, z = x;
compare(a, b) // false
compare(a, c) // true
compare([], []) // false
compare({}, {}) // false
compare(99, 99) // true
compare(new Number(1), 1) // false
compare(new Number(1), new Number(1)) // false
compare(new String('o'), new String('o')) // false
compare(new String('s'), 's') // true
compare('foo', 'foo') // true
compare({'foo':'bar'}, {'foo':'bar'}) // false
compare(x, y) // false
compare(x, z) // true
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Entiendo bien que en el snippet anterior los objetos
de tipo primitivo devuelvan correctamente true
:
console.log((9 === 9)) // true
Pero me gustaría saber además de saber como comparar correctamente dos objetos el por qué sucede esto...
console.log(([] === [])) // false
ACTUALIZACIÓN:
La comparación de objetos a través de JSON.stringify()
queda descartada, en el siguiente ejemplo se puede apreciar como estos dos objetos son iguales, su única variación es la pocisión de sus elementos, por lo que al compararlos nos devolverá false
:
var a = JSON.stringify({
"firstName": "JP",
"lastName": "Richardson"
});
var b = JSON.stringify({
"firstName": "JP",
"lastName": "Richardson"
});
console.log(a === b); // true
var x = JSON.stringify({
"firstName": "JP",
"lastName": "Richardson"
});
var y = JSON.stringify({
"lastName": "Richardson",
"firstName": "JP"
});
console.log(x === y); // false
a=c