Noticias Raspberry Pi

Operadores de comparación de JavaScript

Este tutorial le mostrará cómo usar operadores de comparación en el lenguaje JavaScript.

Los operadores de comparación son los que le permiten comparar el valor de un operando izquierdo con un operando derecho. JavaScript devolverá verdadero o falso dependiendo de si esta comparación es verdadera o no.

Los operadores de comparación son una parte esencial de JavaScript y lo ayudarán a escribir condiciones útiles para declaraciones if.

Un concepto clave que debe comprender sobre JavaScript es la diferencia entre «amplio» y «estrictocomparaciones.

Con un «amplio” comparación, JavaScript realizará malabares de tipo. En pocas palabras, convertirá entre ciertos tipos de datos para determinar si el valor coincide.

Por ejemplo, el número 1 coincidirá con la cadena «1» mediante una comparación flexible.

Cuando JavaScript realiza un «estricto” comparación, las variables solo coinciden cuando los tipos de datos son los mismos.

Si los tipos de datos difieren, la comparación devolverá falso y no se considerará igual.

La siguiente tabla enumera todos los operadores de comparación admitidos por JavaScript. Esta tabla le mostrará el operador, su nombre, un ejemplo y el resultado de la comparación.

OperatorNameExampleResult==Equalsx == ytrue si x es igual a y. Los tipos pueden ser diferentes===Idénticosx === yverdadero si x es igual a y, y los tipos son idénticos.!=No Igualx != yverdadero si x no es igual a y. Los tipos pueden ser diferentes !==No idénticosx !== yverdadero si x no es igual a y, o si los tipos son diferentes <= ytrue if x is inférieur ou égal à y>Greater Thanx > ytrue si x es mayor que y >= Mayor o igual que Tox >= ytrue si x es mayor o igual que y

Ejemplos de operadores de comparación en JavaScript

En las próximas secciones, exploraremos cómo usar cada operador de comparación compatible con JavaScript.

Cada ejemplo explica cómo usar el operador y cuándo ese operador devolverá verdadero o falso.

Operador de comparación igual a (==) en JavaScript

El operador de comparación de igualdad (==) en JavaScript le permite verificar si dos valores son iguales. Los tipos de datos de estos dos valores pueden ser diferentes siempre que JS pueda hacer malabares con ellos para que sean iguales.

Para ilustrar esto, exploremos el siguiente fragmento de código. Cada una de las llamadas «console.log()» contiene una comparación que muestra un uso diferente del operador de igualdad.

En la primera comparación, simplemente estamos comparando si el número 10 es igual a 10. Como estos valores son iguales, el operador devolverá verdadero. Con este segundo registro, estamos usando el operador de comparación para verificar si el número 10 es igual a la cadena «10».

Aunque son de diferentes tipos, el «es igual a” permite que JavaScript haga malabarismos con los tipos para ver si los valores son los mismos. Esta comparación devolverá verdadero porque JavaScript puede convertir la cadena «10» a 10.

El registro final muestra el uso del operador de comparación para comparar dos valores diferentes.

Como 10 no es igual a 11, este operador devolverá falso.

A continuación puedes ver el resultado de cada una de nuestras comparaciones dentro de JavaScript.

Mismo operador (===)

El operador idéntico (===) es la alternativa estricta de JavaScript al operador de comparación de iguales. Con este operador, los valores solo se considerarán iguales si son iguales y son del mismo tipo de datos.

JavaScript no realizará ningún tipo de malabarismo de tipos de datos para comparar valores.

Tomemos las mismas tres llamadas «console.log()» que usamos en el ejemplo anterior para mostrar este cambio de comportamiento.

El primer ejemplo devolverá verdadero ya que los dos valores son iguales y ambos son un número. Con el segundo ejemplo, el operador idéntico de JavaScript devolverá falso.

Este operador devuelve falso porque los tipos de datos no coinciden. Uno es una cadena y el otro es un número. La comparación estricta evita que JavaScript haga malabarismos con los tipos de datos para ver si los valores coinciden.

Para el último ejemplo, JavaScript siempre devolverá falso para esta comparación.

El operador de comparación idéntico devuelve falso porque 10 no es igual a 11.

Con los resultados a continuación, puede ver cómo el operador idéntico de JavaScript manejó cada comparación.

Operador de comparación no igual en JavaScript (!=)

El operador de comparación no igual (!=) realiza lo contrario del operador «igual» (=). En JavaScript, usará este operador para ver si dos valores no son iguales. Esta comparación se realiza libremente para que los tipos de datos puedan ser diferentes.

Dado que el operador de comparación no igual en JavaScript producirá el resultado opuesto al operador igual, usemos los mismos ejemplos que antes.

Después de ejecutar el ejemplo anterior, debería terminar con el siguiente resultado. Este resultado muestra cómo JavaScript evaluó cada uso del operador no igual.

Operador no idéntico (!==)

El operador de comparación no idéntico (!==) en JavaScript es muy similar al operador no igual. Sin embargo, el operador no idéntico realiza una comparación estricta. Esto significa que si los tipos de datos difieren, JavaScript devolverá verdadero.

Para ilustrar este comportamiento más estricto, considere el mismo ejemplo que usamos en los tres ejemplos anteriores.

El operador no idéntico siempre devolverá falso para el primer ejemplo. Esto se debe a que 10 es igual a 10 y ambos son del mismo tipo de datos. Con el segundo ejemplo, este operador devolverá verdadero. Esta respuesta se debe a que los tipos de datos de los valores son diferentes. En el último ejemplo, el operador no idéntico siempre devolverá verdadero. Esto se debe a que 10 no es igual a 11.

Puede ver cómo se comporta este operador de comparación en JavaScript mirando el resultado a continuación. Puede ver cómo se evaluó cada expresión.

Operador de comparación menor que en JavaScript (<)

El operador de comparación menor que (<) de JavaScript le permite comparar si un valor es menor que otro.

Este operador solo devolverá verdadero si el valor es menos que el valor comparado. Si los valores son iguales, devolverá falso.

Para mostrar cómo funciona este operador de comparación, lo usamos menos en las siguientes expresiones. Registraremos estas expresiones para ver cómo JavaScript evaluó cada operación, verdadera o falsa.

Para la primera comparación, verificamos si 10 es menor que 20.

Dado que 10 es menor que 20, el operador menor que devolverá verdadero.

En segundo lugar, comprobamos si 10 es menos que diez.

Como estos valores son iguales, el operador devolverá falso.

Con la comparación final, comprobamos si 10 es menos que 5.

Dado que 10 es mayor que 5, el operador menor que devolverá falso.

A continuación puede ver el resultado del operador de comparación menos en JavaScript. JavaScript solo evaluó el primer ejemplo como verdadero.

Operador menor o igual que (<=)

El operador menor o igual que (<=) es útil para comparar valores en los que desea que el operador devuelva verdadero incluso cuando los valores son los mismos.

Si los valores son iguales, el operador devolverá verdadero. El operador devolverá verdadero si el valor de la izquierda es menor que el valor de la derecha.

Exploremos tres ejemplos rápidos para mostrar cómo funciona el operador de comparación menor o igual que en JavaScript.

La primera comparación devolverá verdadero. Esto se debe a que 10 es menor que 20. Nuestro segundo uso del operador menor o igual que en JavaScript también devolverá verdadero. De hecho, 10 es igual a 10. La comparación final devolverá falso ya que 10 es mayor que 5.

A continuación puede ver el resultado de los operadores de comparación anteriores en JavaScript.

Operador mayor que (>)

El operador mayor que (>) de JavaScript es lo opuesto al operador menor que. Por lo tanto, este operador de comparación devolverá verdadero cuando el operando izquierdo sea mayor que el lado derecho.

Si los valores son iguales, entonces el mayor que el operador devuelve falso.

Con el siguiente ejemplo, puede ver cómo funciona el operador de comparación mayor que en JavaScript

Dado que 20 es mayor que 10, la primera comparación será verdadera. Como 20 es igual a 20, la segunda comparación devolverá falso. 15 es menor que 20, por lo que la comparación final también devolverá falso.

A continuación puede ver el resultado de los usos anteriores del operador de comparación mayor que en JavaScript.

Operador de comparación mayor o igual que (>=) en JavaScript

El último operador de comparación de JavaScript que exploraremos es el operador mayor o igual que (>=).

Este operador devolverá verdadero cuando el valor del lado izquierdo sea mayor o igual que el lado derecho.

Para ilustrar el comportamiento de este operador, usemos los mismos ejemplos que para el operador anterior. Gracias a que usamos la función «console.log()», podremos ver lo que devuelve cada comparación.

El primer ejemplo devolverá verdadero ya que 20 es mayor que 10. Dado que estamos usando el operador mayor o igual que, el segundo ejemplo también devolverá verdadero. La razón es que 20 es igual a 20. La comparación final devolverá falso ya que 15 no es mayor ni igual a 25.

El texto a continuación le muestra el resultado que debe obtener del ejemplo de JavaScript anterior.

Conclusión

A lo largo de esta guía, le presentamos los diferentes operadores de comparación admitidos por JavaScript.

Cada operador de comparación es increíblemente útil e integral para escribir sentencias if condicionales útiles.

Comente a continuación si tiene alguna pregunta sobre el uso de operadores de comparación en JavaScript.

También tenemos muchos otros tutoriales de JavaScript si desea obtener más información. Además de nuestros tutoriales de JS, tenemos una gran cantidad de guías para otros lenguajes de programación.

Actualizaciones semanales directamente a su bandeja de entrada

¡Reciba nuestros proyectos de Raspberry Pi, tutoriales de codificación, guías de Linux y más!

Suscribir

También puede gustarte...