Operadores Lógicos e Ternário

Operadores lógicos

Combinam condições. Pense assim:

Operador	Nome	Quando é true?
&&	E	Os dois precisam ser true
||	OU	Pelo menos um precisa ser true
!	NÃO	Inverte: true vira false, false vira true

const idade = 18;
const temCarteira = true;

console.log(idade >= 18 && temCarteira); // → true (os dois são true)
console.log(idade >= 18 || temCarteira); // → true (pelo menos um é true)
console.log(!(idade >= 18));             // → false (inverteu o true)

&& (E): os dois precisam ser true

const idade: number = 20;
const temDocumento: boolean = true;

if (idade >= 18 && temDocumento) {
  console.log("Pode entrar"); // → Pode entrar
}

|| (OU): basta um ser true

const temIngresso: boolean = false;
const ehVIP: boolean = true;

if (temIngresso || ehVIP) {
  console.log("Acesso liberado"); // → Acesso liberado
}

! (NÃO): inverte

const logado: boolean = false;

if (!logado) {
  console.log("Faça login"); // → Faça login
}

Operador ternário

Um if/else em uma linha: condição ? valorSeTrue : valorSeFalse

const nota = 7.5;
const status = nota >= 7 ? "Aprovado" : "Reprovado";
console.log(status); // → Aprovado

É a mesma coisa que:

let status: string;
if (nota >= 7) {
  status = "Aprovado";
} else {
  status = "Reprovado";
}

Mais exemplos:

const saldo: number = 150;
const msg = saldo >= 0 ? "Saldo positivo" : "Conta no vermelho";
// → "Saldo positivo"

const idade: number = 15;
const categoria = idade >= 18 ? "adulto" : "menor";
// → "menor"

const temp: number = 35;
const clima = temp > 30 ? "quente" : "agradável";
// → "quente"

Referências

• Operadores lógicos - MDN Web Docs - documentação dos operadores &&, || e ! com exemplos detalhados
• JavaScript Comparison and Logical Operators - W3Schools - tutorial sobre operadores lógicos é o operador ternário
• Operador Ternário em JavaScript - Código Fonte TV - vídeo explicando operadores lógicos e ternário com exemplos práticos