Cómo usar operadores de comparación en Javascript
Imagínese que necesite comparar dos valores dentro de una condición para que se cumpla. Pero, ¿cómo debemos utilizar cada operador para esto? ¡Descúbrelo aquí en este artículo!
Siempre que queremos evaluar una condición en el código, necesitamos utilizar operadores de comparación para ello. Por ejemplo, cuando queremos imprimir un número solo si es positivo. En ese caso, utilizamos el conocido "if" y colocamos la condición dentro de los paréntesis, como se muestra a continuación:
if (numero >0){
console.log(numero);
}
Cuando analizamos la condición (numero > 0), podemos percibir que el símbolo ">" establece como condición que el valor de la izquierda sea mayor que el valor de la derecha. Es como si dentro de los paréntesis estuviera escrito: "numero mayor que 0". Por lo tanto, para cada tipo de comparación, tenemos un operador diferente. A continuación, puedes ver la tabla:
| Operador | Operación | Ejemplo |
|---|---|---|
| > | Mayor que | (a>b) |
| < | Menor que | (a<b) |
| >= | Mayor o igual a | (a>=b) |
| <= | Menor o igual a | (a<=b) |
| == | Igual a | (a==b) |
| != | Diferente | (a!=b) |
| === | idéntico a | (a===b) |
| !== | No idéntico a | (a!==b) |
Diferensa entre "==" y '==='
Es posible observar en la tabla anterior que existen tanto el símbolo de "igual a" (==) como el de "idéntico a" (===). Pero, ¿cuál debes utilizar en cada situación? Si utilizamos el operador "==" en una condición, sabremos que esta será verdadera solo si el valor de la izquierda es igual al valor de la derecha, por ejemplo:
if(true == "true") //retorna true
if(10=="10")//retorna true
if(true == true)//retorna true
if(10=10)//retorna true
Supongamos que necesitamos realizar esta validación asegurándonos de que el número de la derecha sea realmente un número y no solo tenga el mismo carácter. ¿Qué hacemos?
Es en este momento que entra en juego el símbolo de 'idéntico a' (===). No solo compara los valores de ambos lados de la ecuación, sino que también verifica si son del mismo tipo. Por ejemplo:
if (true === "true")//retorna false
if (10 === "10")//retorna false
if(true === true)//retorna true
if(10 === 10)//retorna true
Y así, como los operadores "==" y "===", utilizamos la misma lógica para sus inversos "!=" y "!==". Por ejemplo:
if (true != “true”) //retorna false
if (4 != “4”) //retorna false
if (true !== “true”) //retorna true
if (4 !== “4”) //retorna true
if (true !== true) //retorna false
if (4 !== 4) //retorna false
Operadores logicos
¿Y cuándo tenemos que usar dos o más condiciones? Siempre que queramos evaluar dos o más condiciones, debemos utilizar operadores lógicos. Continuando con el ejemplo anterior, ahora queremos imprimir solo números positivos y pares.
if (numero >0 && numero % 2 == 0){
console.log(numero);
}
- (numero % 2 == 0): si el resto de la división de "numero" por dos es igual a cero, el número es par.
Cuando analizamos la condición (numero > 0 && numero % 2 == 0), percibimos que el símbolo && establece como condición que la variable "numero" sea positiva y par. Los operadores lógicos son:
| Operador | Descrición | Significado |
|---|---|---|
| && | AND(ES) | Todas las condiciones tienen que ser verdaderas para que el resultado sea verdadero |
| || | OR(O) | Al menos una de las condiciones tiene que ser verdadera |
| ! | NOT(NO) | Invertir el valor del resultado de la condición |
Rafaella Ballerini
Desarrolladora de software, instructor y creador de contenido. Tiene un canal con más de 240 mil personas suscritas, donde enseña sobre los más diversos temas relacionados con la programación y la tecnología, como HTML, CSS, Javascript, Git, Github... Es instructora de front-end en Alura y también en Imersion dev, proyecto que lleva la enseñanza inicial de programación a todo Brasil de forma gratuita.