Condicionais em JavaScript: If, Else e Switch
Aprenda a usar estruturas condicionais em JavaScript, como if, else if, else e switch, para executar código baseado em diferentes condições com exemplos práticos.
Condicionais em JavaScript: If, Else e Switch
Condicionais são uma parte essencial da programação, permitindo que o código tome decisões e execute diferentes blocos de código com base em determinadas condições. Em JavaScript, as estruturas condicionais mais comuns são if
, else if
, else
e switch
. Neste post, vamos explorar como usar essas estruturas de maneira eficaz.
Estrutura Condicional if
A estrutura condicional if
é usada para executar um bloco de código se uma condição especificada for verdadeira.
let idade = 18;
if (idade >= 18) {
console.log("Você é maior de idade.");
}
// Saída: "Você é maior de idade."
Estrutura Condicional else
A estrutura else
é usada junto com if
para executar um bloco de código se a condição if
for falsa.
let idade = 16;
if (idade >= 18) {
console.log("Você é maior de idade.");
} else {
console.log("Você é menor de idade.");
}
// Saída: "Você é menor de idade."
Estrutura Condicional else if
A estrutura else if
permite testar múltiplas condições. Se a condição if
for falsa, o programa testará a condição else if
. Se todas as condições forem falsas, o bloco else
será executado, se presente.
let nota = 75;
if (nota >= 90) {
console.log("Você tirou um A.");
} else if (nota >= 80) {
console.log("Você tirou um B.");
} else if (nota >= 70) {
console.log("Você tirou um C.");
} else {
console.log("Você não passou.");
}
// Saída: "Você tirou um C."
Estrutura Condicional switch
A estrutura switch
é usada para executar diferentes blocos de código com base no valor de uma expressão. É especialmente útil quando você precisa comparar a mesma variável com vários valores diferentes.
let diaDaSemana = 3;
let dia;
switch (diaDaSemana) {
case 1:
dia = "Domingo";
break;
case 2:
dia = "Segunda-feira";
break;
case 3:
dia = "Terça-feira";
break;
case 4:
dia = "Quarta-feira";
break;
case 5:
dia = "Quinta-feira";
break;
case 6:
dia = "Sexta-feira";
break;
case 7:
dia = "Sábado";
break;
default:
dia = "Dia inválido";
}
console.log(dia);
// Saída: "Terça-feira"
Aninhando Condicionais
Você pode aninhar condicionais if
e else
para testar várias condições complexas.
let idade = 20;
let temCarteira = true;
if (idade >= 18) {
if (temCarteira) {
console.log("Você pode dirigir.");
} else {
console.log("Você precisa de uma carteira de motorista para dirigir.");
}
} else {
console.log("Você é menor de idade e não pode dirigir.");
}
// Saída: "Você pode dirigir."
Comparações e Operadores Lógicos
As condicionais usam operadores de comparação para avaliar as condições. Aqui estão alguns operadores comuns:
-
==
igual a -
!=
diferente de -
===
estritamente igual a -
!==
estritamente diferente de -
>
maior que -
<
menor que -
>=
maior ou igual a -
<=
menor ou igual a
Além disso, operadores lógicos como &&
(e) e ||
(ou) podem ser usados para combinar várias condições:
let idade = 22;
let temCarteira = false;
if (idade >= 18 && temCarteira) {
console.log("Você pode dirigir.");
} else {
console.log("Você não pode dirigir.");
}
// Saída: "Você não pode dirigir."
Dicas para Uso Eficiente de Condicionais
- Evite Redundâncias: Tente simplificar suas condições para evitar verificações redundantes.
-
Use
switch
para Múltiplas Comparações: Se você está comparando a mesma variável contra vários valores,switch
pode ser mais claro do que múltiploselse if
. - Seja Claro e Conciso: Mantenha suas condicionais fáceis de ler e entender, evitando aninhamentos excessivos.
Conclusão
Condicionais são fundamentais para controlar o fluxo do seu programa em JavaScript. Usando if
, else if
, else
e switch
, você pode criar lógica complexa de maneira eficiente e organizada. Pratique essas estruturas para dominar o controle de fluxo em seus projetos JavaScript.
💡 Gostou do conteúdo?
✅ Apoie-nos: Siga, Curta, Comente e Compartilhe!
📲 Conecte-se com a WebMundi:
▶️ YouTube
▶️ TikTok
👥 Participe do nosso Discord para tirar dúvidas e ajudar outras pessoas!