Diferencia entre =, == y === en JavaScript [Ejemplos]

¿Qué es = en JavaScript?

Igual a (=) es un operador de asignación, que establece la variable a la izquierda de = al valor de la expresión que está a su derecha. Este operador asigna lvalue a rvalue.

Por ejemplo, escribir a=10 está bien. Si escribimos 10=10, 'a' = 10 o 'a' = 'a', resultará en un error de referencia.

¿Qué es == en JavaScript?

Doble igual (==) es un operador de comparación, que transforma los operandos que tienen el mismo tipo antes de la comparación.

Entonces, cuando comparas una cadena con un número, JavaScript convierte cualquier cadena en un número. Una cadena vacía siempre se convierte a cero. Una cadena sin valor numérico se convierte en NaN (no es un número), lo que devuelve falso.

¿Qué es === en JavaScript?

=== (Triple igual) es un operador de comparación de igualdad estricta en JavaScript, que devuelve falso para los valores que no son de un tipo similar. Este operador realiza conversión de tipos para la igualdad. Si comparamos 2 con “2” usando ===, devolverá un valor falso.

¿Por qué usar = en JavaScript?

Estos son los usos importantes de = en JavaScript:


= El operador JavaScript asigna un valor al operando izquierdo depende del valor del operando disponible en el lado derecho. El primer operando debe ser una variable.

El operador de asignación básico es =, que asigna el valor de un operando a otro. Es decir, a = b asigna el valor de b a a.

¿Por qué usar == en JavaScript?

Estos son los usos importantes de == en JavaScript:

El operador == es un operador de igualdad. Comprueba si sus dos operandos son iguales o no cambiando la expresión de un tipo de datos a otro. Puede utilizar el operador == para comparar la identidad de dos operandos aunque no sean del mismo tipo.

¿Cómo === funciona exactamente?

  • Igualdad estricta === comprueba que dos valores sean iguales o no.
  • Los valores no se convierten implícitamente a ningún otro valor antes de la comparación.
  • Si los valores de las variables son de diferentes tipos, entonces los valores se consideran desiguales.
  • Si las variables son del mismo tipo, no son numéricas y tienen el mismo valor, se consideran iguales.
  • Por último, si los valores de ambas variables son números, se consideran iguales si ambos no son NaN (no son un número) y tienen el mismo valor.

Ejemplo de =

En el siguiente programa, hay dos variables "a" y "b". Estamos sumando e imprimiendo sus valores usando una tercera variable, "c". La suma del valor de las variables "a" y "b" es 7. Por lo tanto, el resultado es 7.

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Operators</h2>

 <p>a = 2, b = 5, calculate c = a + b, and display c:</p> 

<p id="demonstration"></p>

<script>
var a = 2;
var b = 5;
var c= a + b;
document.getElementById("demonstration").innerHTML = c;
</script>

</body>
</html>


Salida:

a = 2, b = 5, calcula c = a + b y muestra c:

7

Ejemplo de ==

En el siguiente programa, hemos declarado una variable "a" con valor 10. Por último, la declaración a == 20 devuelve falso ya que el valor de a es 10.

<!DOCTYPE html>
<html>
<body>

<p id="demonstration"></p>

<script>
  var a = 10;
  document.getElementById("demonstration").innerHTML = (a == 20);
</script>

</body>
</html>

Salida:

false

Ejemplo de ===

En el siguiente programa, el valor de la variable x es 10. Se compara con 10 escrito entre comillas dobles, lo que se considera un cadena, y por lo tanto, los valores no son estrictamente iguales. La salida del programa es falsa.

<!DOCTYPE html>
<html>
<body>

<p id="demo"></p>

<script>

  var x = 10;
  document.getElementById("demo").innerHTML = (x === "10");

</script>

</body>
</html>

Salida:

false

= Vs == VS === en JavaScript

Estas son las diferencias importantes entre =, == y ===

= == ===
= en JavaScript se utiliza para asignar valores a una variable. == en JavaScript se usa para comparar dos variables, pero ignora el tipo de datos de la variable. === se usa para comparar dos variables, pero este operador también verifica el tipo de datos y la compensación.ares dos valores.
Se llama operador de asignación. Se llama operador de comparación. También se le llama operador de comparación.
El operador de asignación puede evaluar el valor asignado. Comprueba la igualdad de dos operandos sin considerar su tipo. Compares igualdad de dos operandos con sus tipos.
No devuelve verdadero o falso Devuelve verdadero si los dos operandos son iguales. Devolverá falso si los dos operandos no son iguales. Devuelve verdadero sólo si tanto los valores como los tipos de datos son los mismos para las dos variables.
= simplemente asigna un valor de variable a otro. == hacer corrección de tipo basada en los valores de las variables. === toma en consideración el tipo de variable.
== no comparará el valor de las variables en absoluto. El == comprueba la igualdad sólo después de realizar las conversaciones necesarias. Si dos valores de variables no son similares, entonces === no realizará ninguna conversión.

DIFERENCIAS CLAVE

  • = se usa para asignar valores a una variable, == se usa para comparar dos variables, pero ignora el tipo de datos de la variable, mientras que === se usa para comparar dos variables, pero este operador también verifica el tipo de datos y la compensación.ares dos valores.
  • = se llama operador de asignación, == se llama operador de comparación, mientras que también se llama operador de comparación.
  • = no devuelve verdadero ni falso, == Devuelve verdadero solo si los dos operandos son iguales, mientras que === devuelve verdadero solo si tanto los valores como los tipos de datos son los mismos para las dos variables.