if/else
if e else --- a decisão básica
Pense no if como uma bifurcação na estrada. Se a condição for verdadeira, vai por um caminho. Se for falsa, vai por outro.
const idade: number = 18;
if (idade >= 18) {
console.log("Maior de idade"); // → Maior de idade
} else {
console.log("Menor de idade");
}
O else é opcional. Sem ele, o código simplesmente segue em frente:
const temperatura: number = 35;
if (temperatura > 30) {
console.log("Está muito quente!"); // → Está muito quente!
}
Operadores de comparação
São os símbolos que comparam valores:
| Operador | Significado | Exemplo | Resultado |
|---|---|---|---|
=== | Igual (estrito) | 5 === 5 | true |
!== | Diferente (estrito) | 5 !== 3 | true |
> | Maior que | 10 > 5 | true |
< | Menor que | 3 < 8 | true |
>= | Maior ou igual | 5 >= 5 | true |
<= | Menor ou igual | 3 <= 2 | false |
const nota: number = 7;
console.log(nota > 5); // → true
console.log(nota === 7); // → true
console.log(nota <= 6); // → false
else if --- multiplas condições
Quando tem mais de dois caminhos, encadeie com else if:
const nota: number = 7.5;
if (nota >= 9) {
console.log("Excelente");
} else if (nota >= 7) {
console.log("Aprovado"); // → Aprovado
} else if (nota >= 5) {
console.log("Recuperação");
} else {
console.log("Reprovado");
}
As condições são testadas de cima para baixo. A primeira verdadeira executa é o resto é ignorado.
Outro exemplo; semáforo:
const cor: string = "vermelho";
if (cor === "verde") {
console.log("Siga");
} else if (cor === "amarelo") {
console.log("Atenção");
} else if (cor === "vermelho") {
console.log("Pare!"); // → Pare!
} else {
console.log("Cor inválida");
}
Operador ternário --- if em uma linha
Para decisões simples, o ternário é mais direto:
const idade: number = 20;
const status: string = idade >= 18 ? "maior" : "menor";
console.log(status); // → "maior"
A sintaxe: condição ? valorSeTrue : valorSeFalse
const saldo: number = 150;
const msg: string = saldo >= 0 ? "Saldo positivo" : "No vermelho";
console.log(msg); // → "Saldo positivo"
Exercício prático
Classifique a faixa etária:
- Criança: 0 a 11 anos
- Adolescente: 12 a 17 anos
- Adulto: 18 a 59 anos
- Idoso: 60 anos ou mais
const idade: number = 25;
// Use if/else if/else para classificar a idade
// e exiba a faixa etária no console
Referências
- if...else - MDN Web Docs - documentação oficial do if/else com exemplos e boas práticas
- JavaScript if else - W3Schools - tutorial interativo sobre condicionais if, else if e else
- Estruturas Condicionais em JavaScript - Curso em Vídeo - aula completa sobre if/else e operadores de comparação
Testa o que você leu
3 perguntas sobre esta aula. Errar aqui não custa nada - a explicação vem junto da correção.