Los valores false y true en JavaScript

En esta ocasión vamos a ver cuáles son los valores false y true en JavaScript. Sí, porque en JavaScript, más de un valor se puede interpretar como false, y más de un valor se puede interpretar como true, y debemos tenerlo en cuanta a la hora de hacer nuestras condicionales.

El tipado en JavaScript

Como sabes, JavaScript es un lenguaje débilmente tipado. Es por esto que cuando estamos trabajando con variables de tipo boolean, tenemos que tener en cuenta que hay más valores que «false» para representar un false, y más valores que «true» para representar un true.

Los valores false en JavaScript

Los valores que representan false en JavaScript son los siguientes:

• false
• null
• undefined
• El número 0
• El string vació »
• El número NaN (que ya vimos en otro artículo)

Los valores true en JavaScript

Los valores true en JavaScript son los siguientes:

• true
• Todos los demás valores que no sean los vistos anteriormente como false

Cuidado con los if…else…

Teniendo en cuenta que más de un valor puede representar false debemos tener cuidado cuando hagamos comparaciones. Por ejemplo, veamos el siguiente if:

let showWindow = true;
showWindow = checkIfShowWindow(); // esta función evalua si se debe mostrar o no una ventana. Su implemtación no nos interesa para el ejemplo
if (showWindow === false) {
     console.log('No mostramos la venta);
} else {
     console.log('Mostramos la ventana);
}

El código anterior tiene un problema, y es que si la función checkIfShowWindow devuelve un undefined (que representa un false como vimos anteriormente) no entrará en el if, sino en el else. Esto es porque «false» es distinto de «undefined», y nosotros en nuestro código estamos comprobando que sea especificamente «false», uno de los posibles valores de false. Sería más correcto preguntar si es true sencillamente de la siguiente forma:

let showWindow = true;
showWindow = checkIfShowWindow(); // esta función evalua si se debe mostrar o no una ventana. Su implemtación no nos interesa para el ejemplo
if (showWindow) {
     console.log('Mostramos la ventana);
} else {
     console.log('No mostramos la venta);
}

Como ves, le hemos dado la vuelta a la condicional, ahora no preguntaoms si showWindow === true, sino directamente «si showWindow». De esta forma estamos contemplando todos los posibles valores de true.

Conclusiones

Visto lo anterior, es muy importante que conozcamos las perticularidades del lenguaje con el que estamos trabajando. Hoy hemos aprendido cómo hacer de la mejor forma un if en Javascript y cuáles son los valores false y true en Javascript. Puedes aprender más en nuestra sección de Desarrollo Web o en la sección específica de JavaScript.

¡Espero que te haya sido de utilidad!