Supongo que estamos hablando de comparar valores que almacenan dos objetos. En ese caso, lo mencionado por @M.Gress solo es válido si ambos objetos son idénticos incluso en el orden de sus propiedades, lo cual no resulta de mucha utilidad. La manera ideal sería comparando todas las propiedades incluso las no enumerables, pero esto no es posible, al menos no en todos los navegadores.
¿Cómo funcionan los operadores de comparación?
En lo más oscuro de JavaScript, donde reina la maldad y la confusión, existen dos grupos de operadores de comparación:
- Grupo estricto
- Grupo no estricto
El grupo estricto comprende los operadores ===
y !==
, mientras que el gupo no estricto comprende -como lo diría el maestro Douglas Cockford en su libro "JavaScript: the good parts"- sus malvados gemelos ==
y !=
. Este último grupo se debe evitar a toda costa porque son causantes de muchos dolores de cabeza.
Grupo no estricto
Este grupo de operadores de igualidad debe evitarse lo más posible, de hecho, te recomendaría que te olvides de su existencia. Un punto clave para entender la fuente de problemas al usar los operadores es el siguiente: la comparación de igualidad en JavaScript no es transitiva. ¿Qué significa esto? Veamoslo en el siguiente código:
let foo = 'foo';
let foo2 = new String('foo');
let foo3 = new String('foo');
console.log(foo == foo2);
console.log(foo2 == foo3);
console.log(foo == foo3);
¿Por qué la comparación entre foo
y foo3
resulta en false
cuando son valores iguales?
Bueno, la respuesta es un poco tricky. Para entender por qué pasa esto, necesitamos entender cómo se hace la comparación internamente.
JavaScript utiliza realiza dos procesos al comparar dos variables:
¿Qué significa esto? Significa lo siguiente. Si comparas dos variables que no sean objetos, si estos son diferentes internamente se convierten a números mediante ToNumber
y acto seguido, realiza una comparación estricta. Esta es la razón por la cual esto se cumple:
'123' == 123 // Number('123') === 123 -> true
1 == '1' // 1 === Number('1') -> true
0 == false // 0 === Number(false) -> true
Esto también aplica a booleanos ya que un booleano en representanción decimal será 0 o 1. Sin embargo, algo distinto sucede cuando comparas una variable X con un objeto o dos objetos: aquí se evalúa el operando A o B (el que sea objeto) con ToPrimitive
, este método interno simplemente hace llamadas recursivas a toString
y valueOf
para obtener algún valor primitivo. Posteriormente, hace uso de ToNumber
para realizar una comparación.
Si comparas dos objetos, básicamente el operador de igualdad no estricto devolverá true cuando comparan la misma referencia en memoria:
let foo = { bar: 'bar' }
let clone = foo;
console.log(foo == clone);
Grupo estricto
Aquí no hay rodeos, primero se verifica que seam el mismo tipo de dato, posteriormente, se comparan valores.
¿Cómo comprar dos objetos?
Si hablamos de objetos literales y de comparar propiedades propias basta con iterar las propiedades de ambos objetos. Por ejemplo:
function areObjEquals (obj1, obj2) {
let equal = true;
for (let [key, val] of Object.entries(foo)) {
if (bar.hasOwnProperty(key)) {
if (bar[key] !== val) {
equal = false;
}
} else {
equal = false;
}
if (!equal) { break; }
}
return equal;
}