Las operaciones son una parte fundamental de la sintaxis de la mayoría de lenguajes de programación. Con ellas, podemos definir situaciones y modificar las propiedades de los elementos de nuestro código. En JavaScript, existen dos tipos de operaciones: las aritméticas y las booleanas. En este post, te enseñaremos qué es y cómo funciona el operador booleano or en JavaScript para describir situaciones.
¿Qué es un operador booleano en JavaScript?
Como mencionamos antes, existen dos tipos de operaciones en JavaScript. Las operaciones aritméticas son aquellas con las que obtendremos como resultado un número. Para ejecutarlas, utilizamos los operadores aritméticos, entre los que encontramos símbolos familiares como suma, resta, multiplicación y división.
Por otro lado, existen las operaciones booleanas, que nos dan como resultado alguna de las palabras clave false o true. Es decir, estas operaciones describen una situación usando los elementos del código. Luego, el programa analiza si esta situación es verdadera o falsa en nuestro proyecto. Para ello, utilizamos los operadores booleanos, entre los cuales encontramos and, or, not, igual que, igual de verdad que, distinto que y muchos otros. Te invitamos a leer nuestro post sobre los operadores booleanos en JavaScript para conocerlos todos.
A continuación, te explicaremos cómo funciona específicamente el operador booleano or en JavaScript.
¿Cómo funciona el operador booleano or en JavaScript?
El operador booleano or en JavaScript, representado por el símbolo ||, describe una situación en la que cualquiera de los elementos de la operación puede ser cierto para que la operación nos devuelva un resultado true. Esto presenta una situación muy diferente al operado and (&&) en la que todos los elementos de la operación deben ser ciertos. Esta operación se escribe de la siguiente manera:
a || b
Entonces, ¿cómo se utiliza realmente el operador booleano or en JavaScript? A continuación, te mostramos un ejemplo.
En nuestro post sobre cómo utilizar null en JavaScript te hemos dicho que puedes utilizar esta palabra clave para llenar un espacio con un elemento sin valor. Allí, hemos presentado una situación en la que queremos hacer que varios equipos compitan entre sí. Sin embargo, cuando el número de equipos es impar, deberemos hacer que uno de ellos descanse. Para ello, hemos hecho que compitan con null. Al final, hemos pintado la liga con la siguiente función:
footballLeague.matchDaySchedule.forEach (matchDay, matchDayIndex) => {
console.log (‘JORNADA ${matchDayIndex+1}’)
matchDay.forEach (match => {
console.log (‘${match.home} vs ${match.away}’);
})
})
El resultado de esta función nos ha dado algo como lo siguiente:
JORNADA 1
C vs B
A vs null
JORNADA 2
null vs C
A vs B
JORNADA 3
B vs null
C vs A
Ahora, esta forma de escribir que el equipo descansa no se ve tan atractiva. Por ello, queremos hacer que, cuando null esté presente en cualquier posición, se escriba que un equipo descansa. Para ello, podemos utilizar el operador booleano or y así describir la situación.
Antes de utilizar este operador y, en general, antes de escribir cualquier función compleja, te recomendamos utilizar comentarios para planear la lógica que necesitas para que la función te dé el resultado esperado. En este caso, queremos cambiar la forma en la que nuestro código se pinta en pantalla cuando null esté presente en cualquier posición. ¿Y cómo le decimos al programa que null está presente? Pues cuando null es el equipo visitante O cuando null es el equipo local.
Para describir esta situación, basta con que utilicemos el comando objeto.propiedad para acceder a las propiedades de home y away, que describen el local y el visitante del objeto match. Entonces, podemos igualar estas propiedades a null para crear ambas situaciones. Luego, utilizaremos el operador booleano or en JavaScript para definir que cualquier situación puede estar presente para que se pinte en la pantalla lo que queremos.
A continuación, encontrarás la línea de código que describe esta situación:
if (match.home === null || match.away ===null)
Ahora, gracias a la palabra clave if, podemos definir qué sucede cuando cualquiera de estas situaciones es verdadera. En nuestro caso, pintaremos en la pantalla que un equipo descansa usando el comando console.log:
console.log (‘UN EQUIPO DESCANSA’)
En este caso, utilizar el operador booleano or en JavaScript es lo mismo que escribir la siguiente situación:
if (match.home === null) {
console.log (‘UN EQUIPO DESCANSA’)
} else if (match.away === null) {
console.log (‘UN EQUIPO DESCANSA’)
}
De este modo, el operador or nos está ahorrando varias líneas de código y nos ayuda a simplificar nuestra función.
¿Quieres seguir aprendiendo?
Ahora que sabes qué es el operador booleano or en JavaScript y cómo nos permite definir ciertas acciones, seguro que quieres seguir aprendiendo sobre los distintos elementos de este complejo lenguaje de programación. Para ello, te recomendamos echarle un vistazo a nuestro Desarrollo Web Full Stack Bootcamp, en donde aprenderás todo lo necesario para convertirten en un experto en desarrollo web, desde HTML, CSS y JavaScript hasta buenas prácticas a la hora de programar. ¡Te esperamos!
