Skip to main content
Corrección de algunos errores de mecanografía.
Origen Enlace
Rubén
  • 11.5k
  • 7
  • 41
  • 85

El grupo estricto comprende los operadores === y !==, mientras que el gupogrupo 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.

Este grupo de operadores de igualidadigualdad 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 igualidadigualdad en JavaScript no es transitiva. ¿Qué significa esto? VeamosloVeámoslo en el siguiente código:

Esto también aplica a booleanos ya que un booleano en representanciónrepresentació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.

Aquí no hay rodeos, primero se verifica que seamsea el mismo tipo de dato, posteriormente, se comparan valores.

¿Cómo comprarcomparar dos objetos?

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.

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:

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.

Aquí no hay rodeos, primero se verifica que seam el mismo tipo de dato, posteriormente, se comparan valores.

¿Cómo comprar dos objetos?

El grupo estricto comprende los operadores === y !==, mientras que el grupo 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.

Este grupo de operadores de igualdad 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 igualdad en JavaScript no es transitiva. ¿Qué significa esto? Veámoslo en el siguiente código:

Esto también aplica a booleanos ya que un booleano en representació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.

Aquí no hay rodeos, primero se verifica que sea el mismo tipo de dato, posteriormente, se comparan valores.

¿Cómo comparar dos objetos?

Origen Enlace
gugadev
  • 19.1k
  • 1
  • 27
  • 49

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:

  • ToNumber
  • ToPrimitive

¿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;
}