Booleanos en JavaScript
Ya cortas y buscas en cadenas. Un programa también necesita un sí o no claro: ¿el formulario está listo? ¿hubo coincidencia? Ese tipo de valor es un booleano: solo true o false. Aquí conoces el valor; el if completo viene después.
¿Qué es un booleano en JavaScript?
Un booleano es un valor sí/no. Las dos palabras clave son true y false — sin comillas. typeof true es "boolean". Puedes guardar una bandera (let ready = true), obtener un booleano de una comparación (age >= 18) o convertir con Boolean(value). Cadenas como "true" siguen siendo texto, no booleanos. Una lista corta falsy (valores que al convertir dan false) evita sorpresas con 0, "", null y undefined.
Caja de herramientas booleana
📊 Ideas booleanas cotidianas para empezar
| Idea | Ejemplo | Resultado / nota |
|---|---|---|
| Sí literal | true |
palabra clave, no cadena |
| No literal | false |
palabra clave, no cadena |
typeof |
typeof false |
"boolean" |
| Comparación | 5 > 3 |
true |
| Convertir | Boolean(0) |
false (cero suele ser falsy) |
| Convertir texto | Boolean("hi") |
true (cadena no vacía) |
Escribe true y false
Usa las palabras clave true y false. Registra el valor y typeof para ver la etiqueta "boolean".
let ready = true;
let done = false;
console.log(ready);
console.log(done);
console.log(typeof ready);
console.log(typeof done);
Las comparaciones devuelven un booleano
Operadores como >, <, >=, <=, === y !== responden con true o false. No inventas el booleano a mano cada vez: la comparación lo produce.
console.log(10 > 5);
console.log(2 === 2);
console.log(2 === "2");
console.log(7 < 3);
Convierte con Boolean()
Boolean(value) convierte otro valor en true o false. Valores «vacíos» suelen dar false; muchos valores cotidianos dan true.
console.log(Boolean(1));
console.log(Boolean(0));
console.log(Boolean("hello"));
console.log(Boolean(""));
Mapa corto de falsy
Estos pasan a false con Boolean() (o luego en una condición): false, 0, "", null, undefined y NaN. Casi todo lo demás que prueba un principiante es truthy, incluidas "0" y "false" como cadenas no vacías.
console.log(Boolean(false));
console.log(Boolean(0));
console.log(Boolean(""));
console.log(Boolean(null));
console.log(Boolean(undefined));
Valores truthy que sorprenden al principiante
Las cadenas no vacías son truthy — incluso "0" y "false". El número 1 también es truthy. Regístralos para fijar el contraste con falsy.
console.log(Boolean("0"));
console.log(Boolean("false"));
console.log(Boolean(1));
console.log(Boolean(" "));
Muestra una bandera sí/no en la página
Guarda un booleano y escríbelo en la página con textContent.
<!DOCTYPE html>
<html>
<head>
<title>Booleans — ready flag</title>
</head>
<body>
<p id="out">…</p>
<script>
let ready = true;
document.getElementById("out").textContent = "ready = " + ready;
</script>
</body>
</html>
El párrafo muestra el booleano (ready = true o ready = false). Cambia solo ready, recarga y comprueba el texto. Más adelante esa bandera entra en un if completo.
Pruébalo tú
- Crea
let on = trueylet off = false; registra ambos valores y ambostypeof. - Registra
8 >= 8,3 !== 4y1 === "1"; predice antes de ejecutar. - Llama a
Booleancon1,0,"ok"y""; anota cuáles sontrue. - Registra
Boolean("0")yBoolean(0): la cadena es truthy; el cero numérico, falsy. - En la demo HTML pon
readyenfalse, recarga y lee la línea. - Cambia el texto antes de
+ ready; mantén la lógica booleana.
Errores frecuentes
- Escribir
"true"o"false"con comillas: son cadenas, no booleanos - Usar
True/Falsecon mayúscula: en JavaScript van en minúsculatrue/false - Creer que
1y0son el tipo booleano: son números; la conversión puede mapearlos, perotypeof 1es"number" - Olvidar que la comparación ya devuelve un booleano: a menudo guardas el resultado
let ok = score >= 10 - Tratar la cadena no vacía
"false"como falsy:Boolean("false")estrue
Resumen
- Un booleano es solo
trueofalse(palabras clave, sin comillas) typeofinforma"boolean"; comparaciones como===y>devuelven un booleanoBoolean(value)convierte; recuerda falsy comunes:0,"",null,undefined,false,NaN- Las cadenas
"true"/"false"son texto, no el tipo booleano - Siguiente:
nullyundefined— dos ideas de «vacío» que no son booleanos
🧠 Pon a Prueba tu Conocimiento
Pon a Prueba tu Conocimiento
Ponte a prueba con este cuestionario interactivo y descubre qué tan bien entiendes el tema
📝 Instrucciones
- Lee cada pregunta cuidadosamente
- Selecciona la mejor respuesta para cada pregunta
- Puedes repetir el quiz tantas veces como quieras
- Tu progreso se mostrará en la parte superior