Operadores de Igualdad en JavaScript

Javascript posee dos grupos de operadores de igualdad:

Los estrictos

Los no estrictos

El primer grupo, llamado estricto, actúa como cabe esperar:

Si dos operadores son del mismo tipo y tienen el mismo valor, === devolverá true y !== devolverá false.

El grupo formado por los hermanos gemelos, llamado no-estricto Tratará de realizar la comparación incluso si los tipos de datos de ambos términos son diferentes.

Con el siguiente ejemplo aclararemos mejor estos dos grupos de operadores de igualdad.

Igualdad No-Estricta

<!doctype html>
<html>
    <head>
        <title>Equality</title>
        <script type = "text/javascript">
            var x = 42;
            var y = "42";
            if (x == y) {
                alert("'x' es igual a 'y' con los operadores no estrictos");
            } else {
                alert("'x' NO es igual a 'y'");
            }
        </script>
    </head>
    <body>
    </body>
</html>

Corra el código y verá.

¿Que sucede?

La variable 'x' se establece en el valor del número 42, y la variable 'y' se establece con el valor de cadena "42" (nótese las comillas dobles).
La prueba simple para la igualdad es con el operador ==.

Este tipo de medidas, sólo prueba la igualdad de los valores, e ignora si los datos de las variables son iguales.

Esta condición arroja un valor booleano true, y muestra la alerta "'x' es igual a 'y' con los operadores no estrictos", ya que 42 y "42" si son la misma variable, mas no del mismo tipo. Pero recuerde que se trata de una comparación No-estricta.

Ahora cambiemos el operador (==) por (===), es decir, veamos el mismo script con un operador ESCRITO esta vez.

Igualdad Estricta

<!doctype html>
<html>
    <head>
        <title>Equality</title>
        <script type = "text/javascript">
            var x = 42;
            var y = "42";
            if (x === y) {
                alert("'x' es igual a 'y'");
            } else {
                alert("'x' NO es igual a 'y'");
            }
        </script>
    </head>
    <body>
    </body>
</html>

Lo que verá en el navegador será:

El proceso, es prácticamente lo mismo, simplemente que al emplear un operador estricto, también comprueba el tipo del valor para su criterio de evaluación.

En el caso de los operadores (!=) y (!==), el proceso es el contrario. En la mayoría de los lenguajes, al anteponer el signo de admiración de cierre (!), lo que le indicamos es una negación.

!=	Devuelve true si ambos operandos no son iguales. Los operandos se convierten en el mismo tipo antes de ser comparados.
!==	Devuelve true si ambos operandos no son iguales y del mismo tipo.