Pular para o conteúdo

A primeira escola especializada em tecnologia do Alto Solimões, com corpo técnico formado na área.

Módulo 3: Controle de Fluxo

if/else

Fazendo seu código tomar decisões

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:

OperadorSignificadoExemploResultado
===Igual (estrito)5 === 5true
!==Diferente (estrito)5 !== 3true
>Maior que10 > 5true
<Menor que3 < 8true
>=Maior ou igual5 >= 5true
<=Menor ou igual3 <= 2false
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

Testa o que você leu

3 perguntas sobre esta aula. Errar aqui não custa nada - a explicação vem junto da correção.

Pergunta 1 de 3
A condição do `if` é falsa e não há `else`. O que acontece?