Como funciona o else if em JavaScript?

Olá Pessoal, esse é o primeiro artigo da série "Como funciona na Programação?". Sempre que tiver novidade, aviso nos stories do perfil. 🚀

Você pode copiar os códigos de exemplo e executar aqui mesmo no site no Nosso Laboratório.

O else if é usado quando precisamos tomar uma decisão entre mais de duas possibilidades.

Neste exemplo, vamos simular uma previsão de chuva e decidir o que fazer de acordo com a chance de chuva.

1. Gerando a chance de chuva

Primeiro, temos uma função que simula uma previsão:

function preverChuva() {
  return Math.floor(Math.random() * 101);
}

Math.random() gera um número aleatório entre 0 e 1.

Multiplicando por 101 e usando Math.floor(), conseguimos um número inteiro entre 0 e 100.

Depois, guardamos esse valor:

const chanceDeChuva = preverChuva();

Agora chanceDeChuva pode ser, por exemplo, 18, 47 ou 82.

2. Tomando uma decisão

Primeiro verificamos se a chance de chuva é de até 25%:

if (chanceDeChuva <= 25)
  console.log("☀️ Um bom dia pra passeio!");

Se for, mostramos que é um bom dia para um passeio.

Mas e se a chance for maior que 25%?

É aí que entra o else if:

else if (chanceDeChuva <= 65)
  console.log("🌦️ Leve o guarda chuva!");

else if significa "caso contrário, se...".

Ele só é verificado quando a condição anterior do if é falsa.

Nesse caso:

• Até 25% → bom dia para passeio
• De 26% até 65% → leve o guarda-chuva

3. E se nenhuma condição for verdadeira?

Por último, temos o else:

else
  console.log("⛈️ Melhor ficar em casa!");

O else acontece quando nenhuma das condições anteriores foi atendida.

Então, se a chance de chuva for maior que 65%, recomendamos ficar em casa.

Quando usar else if?

Use else if quando precisar verificar várias condições diferentes.

Por exemplo, podemos classificar uma nota:

const nota = prompt("Informe sua nota:");
if (nota >= 9)
  console.log("Excelente!");
else if (nota >= 7)
  console.log("Bom!");
else if (nota >= 5)
  console.log("Regular!");
else
  console.log("Precisa estudar mais!");

O JavaScript verifica as condições de cima para baixo e executa o primeiro bloco cuja condição for verdadeira.

Código completo

function preverChuva() {
  return Math.floor(Math.random() * 101);
}

const chanceDeChuva = preverChuva();

console.log(`Previsão de chuva ${chanceDeChuva}%.`);

if (chanceDeChuva <= 25)
  console.log("☀️ Um bom dia pra passeio!");
else if (chanceDeChuva <= 65)
  console.log("🌦️ Leve o guarda chuva!");
else
  console.log("⛈️ Melhor ficar em casa!");

O else if é uma das ferramentas básicas para fazer um programa tomar decisões. Conforme você aprende a combinar essas condições, seus programas começam a responder de maneiras diferentes para cada situação.

Espero estar te ajudando! Bons estudos 🚀

Até a próxima!

João Trintin.