Booleans e comparações

5 == "5" é true, mas 5 === "5" é false. O sinal de igual triplo também confere se os dois lados são do mesmo tipo.

Perguntas com resposta sim ou não

Os programas fazem perguntas o tempo todo. A senha é comprida o bastante? O jogador ficou sem vidas? Hoje é fim de semana? Cada uma tem uma de duas respostas, e o JavaScript as representa com os dois valores boolean, true e false. Os booleans levam o nome de George Boole, o matemático do século XIX que criou uma álgebra do verdadeiro e do falso. Sozinhos não são muito empolgantes, mas são eles que permitem que um programa tome decisões, o assunto da próxima unidade.

Operadores de comparação

Uma comparação recebe dois valores e produz um boolean. As seis que você mais vai usar estão abaixo. Repare que "igual" se escreve com três sinais de igual, porque um único = já quer dizer "guardar um valor".

Como na aritmética, uma comparação é uma expressão, então você pode mostrá-la ou guardá-la numa variável: const isAdult = age >= 18; põe true ou false em isAdult conforme a idade. Nomes de variáveis boolean costumam começar com is, has ou can, o que faz o código soar como uma pergunta.

Por que === e não ==

O JavaScript também tem o igual duplo, ==, chamado igualdade solta. Antes de comparar, ele tenta converter os dois lados para o mesmo tipo, o que dá resultados difíceis de prever: 5 == "5" é true, e 0 == "" também. O igual triplo ===, a igualdade estrita, nunca converte. Se os tipos são diferentes, a resposta é simplesmente false. O MDN e a maioria dos guias de estilo recomendam === e !== no código do dia a dia, e este curso os usa do começo ao fim.

console.log(5 === 5);      // true
console.log(5 === "5");    // false
// igualdade solta, melhor evitar:
console.log(5 == "5");     // true
console.log("cat" !== "dog"); // true

Strings também podem ser comparadas. === confere se duas strings têm exatamente os mesmos caracteres, maiúsculas incluídas, então "Yes" === "yes" é false. Os operadores < e > comparam strings caractere por caractere usando os códigos dos caracteres, o que fica perto da ordem do dicionário para palavras em minúsculas: "apple" < "banana" é true. As letras maiúsculas vêm antes de todas as minúsculas nessa ordem, então "Zebra" < "apple" também é true.

Juntando respostas com &&, || e !

Perguntas reais muitas vezes têm várias partes. Um brinquedo do parque pode exigir altura de pelo menos 120 cm e idade de pelo menos 8 anos. O JavaScript junta respostas boolean com operadores lógicos. && (e) só é true quando os dois lados são true. || (ou) é true quando pelo menos um lado é true. ! (não) inverte um boolean, então !true é false.

const height = 130;
const age = 7;
console.log(height >= 120 && age >= 8);   // mostra false
console.log(height >= 120 || age >= 8);   // mostra true
console.log(!(age >= 8));                 // mostra true

Exemplo resolvido. Um dia é fim de semana? day === "Sat" || day === "Sun". Repare que é preciso repetir day === dos dois lados. Escrever day === "Sat" || "Sun" parece natural em inglês, mas não faz o que você quer, porque "Sun" sozinho não é uma comparação. As comparações são resolvidas antes de && e ||, então height >= 120 && age >= 8 não precisa de parênteses extras, embora pôr parênteses nunca atrapalhe.

Mais uma ideia que você vai encontrar depois: quando o JavaScript precisa de um boolean mas recebe outro valor, ele trata alguns valores como false. Esses valores falsy são false, 0, a string vazia "", null, undefined e NaN. Todo o resto, inclusive "0" e "false" como strings, conta como true.