Booleanos em JavaScript
Você já corta e busca em strings. Um programa também precisa de um sim ou não claro — o formulário está pronto? houve correspondência? Esse tipo de valor é um booleano: só true ou false. Aqui você conhece o valor; o if completo vem depois.
O que é um booleano em JavaScript?
Um booleano é um valor sim/não. As duas palavras-chave são true e false — sem aspas. typeof true é "boolean". Você pode guardar uma bandeira (let ready = true), obter um booleano de uma comparação (age >= 18) ou converter com Boolean(value). Strings como "true" continuam texto, não booleanos. Uma lista curta falsy (valores que viram false na conversão) evita surpresas com 0, "", null e undefined.
Caixa de ferramentas booleana
📊 Ideias booleanas do dia a dia para começar
| Ideia | Exemplo | Resultado / nota |
|---|---|---|
| Sim literal | true |
palavra-chave, não string |
| Não literal | false |
palavra-chave, não string |
typeof |
typeof false |
"boolean" |
| Comparação | 5 > 3 |
true |
| Converter | Boolean(0) |
false (zero costuma ser falsy) |
| Converter texto | Boolean("hi") |
true (string não vazia) |
Escreva true e false
Use as palavras-chave true e false. Registre o valor e o typeof para ver o rótulo "boolean".
let ready = true;
let done = false;
console.log(ready);
console.log(done);
console.log(typeof ready);
console.log(typeof done);
Comparações devolvem um booleano
Operadores como >, <, >=, <=, === e !== respondem com true ou false. Você não inventa o booleano à mão toda vez — a comparação o produz.
console.log(10 > 5);
console.log(2 === 2);
console.log(2 === "2");
console.log(7 < 3);
Converta com Boolean()
Boolean(value) transforma outro valor em true ou false. Valores «vazios» costumam virar false; muitos valores do dia a dia viram true.
console.log(Boolean(1));
console.log(Boolean(0));
console.log(Boolean("hello"));
console.log(Boolean(""));
Mapa curto de falsy
Estes viram false com Boolean() (ou depois numa condição): false, 0, "", null, undefined e NaN. Quase tudo mais que um iniciante testa primeiro é truthy — inclusive "0" e "false" como strings não vazias.
console.log(Boolean(false));
console.log(Boolean(0));
console.log(Boolean(""));
console.log(Boolean(null));
console.log(Boolean(undefined));
Valores truthy que surpreendem iniciantes
Strings não vazias são truthy — até "0" e "false". O número 1 também é truthy. Registre-os para fixar o contraste com falsy.
console.log(Boolean("0"));
console.log(Boolean("false"));
console.log(Boolean(1));
console.log(Boolean(" "));
Mostre uma bandeira sim/não na página
Guarde um booleano e escreva-o na página com 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>
O parágrafo mostra o booleano (ready = true ou ready = false). Mude só ready, atualize e confira o texto. Depois essa bandeira entra num if completo.
Experimente você
- Crie
let on = trueelet off = false; registre os dois valores e os doistypeof. - Registre
8 >= 8,3 !== 4e1 === "1"; preveja antes de executar. - Chame
Booleanem1,0,"ok"e""; anote quais sãotrue. - Registre
Boolean("0")eBoolean(0)— a string é truthy; o zero numérico, falsy. - Na demo HTML, ponha
readycomofalse, atualize e leia a linha. - Mude o rótulo antes de
+ ready; mantenha a lógica booleana.
Erros comuns
- Escrever
"true"ou"false"com aspas — são strings, não booleanos - Usar
True/Falsecom maiúscula — em JavaScript é minúsculo:true/false - Achar que
1e0são o tipo booleano — são números; a conversão pode mapear, mastypeof 1é"number" - Esquecer que a comparação já devolve um booleano — muitas vezes você guarda:
let ok = score >= 10 - Tratar a string não vazia
"false"como falsy —Boolean("false")étrue
Resumo
- Um booleano é só
trueoufalse(palavras-chave, sem aspas) typeofinforma"boolean"; comparações como===e>devolvem um booleanoBoolean(value)converte; lembre falsy comuns:0,"",null,undefined,false,NaN- As strings
"true"/"false"são texto — não o tipo booleano - Em seguida:
nulleundefined— duas ideias de «vazio» que não são booleanos
🧠 Teste Seu Conhecimento
Teste Seu Conhecimento
Desafie-se com este questionário interativo e veja o quão bem você entende o tópico
📝 Instruções
- Leia cada pergunta cuidadosamente
- Selecione a melhor resposta para cada pergunta
- Você pode refazer o quiz quantas vezes quiser
- Seu progresso será mostrado no topo