Dominando Múltiplas Condições em Instruções if do JavaScript

Dominar a lógica condicional é crucial para construir aplicações JavaScript dinâmicas e responsivas. Este artigo explora como lidar eficazmente com múltiplas condições dentro de suas declarações if, melhorando significativamente a potência e a flexibilidade do seu código.

Sumário

• Usando Operadores Lógicos para Múltiplas Condições
• Combinando Operadores AND e OR
• Usando Declarações if Aninhadas
• O Operador Ternário para Lógica Concisa

Usando Operadores Lógicos para Múltiplas Condições

Os operadores lógicos do JavaScript são a base para lidar com múltiplas condições. Eles permitem que você combine expressões booleanas para criar declarações condicionais mais complexas. Os três principais operadores lógicos são:

• && (AND): Retorna true somente se todas as expressões forem true.
• || (OR): Retorna true se pelo menos uma expressão for true.
• ! (NOT): Inverte o valor booleano de uma expressão (true se torna false, e vice-versa).

Exemplo usando AND (&&):

let idade = 25;
let temCarteira = true;

if (idade >= 18 && temCarteira) {
  console.log("Você está apto a dirigir.");
} else {
  console.log("Você não está apto a dirigir.");
}

Exemplo usando OR (||):

let ehFinalDeSemana = true;
let ehFeriado = false;

if (ehFinalDeSemana || ehFeriado) {
  console.log("É hora de relaxar!");
} else {
  console.log("É dia de trabalho.");
}

Exemplo usando NOT (!):

let estaLogado = false;

if (!estaLogado) {
  console.log("Por favor, faça login.");
} else {
  console.log("Bem-vindo de volta!");
}

Combinando Operadores AND e OR

Você pode combinar os operadores && e || para criar condições ainda mais intrincadas. Parênteses () são essenciais para controlar a ordem de avaliação. Lembre-se da ordem de precedência: ! (NOT) tem a precedência mais alta, seguido por && (AND), e então || (OR).

Exemplo combinando AND e OR:

let temperatura = 25;
let estaEnsolarado = true;
let estaChuvoso = false;

if ((temperatura > 20 && estaEnsolarado) || estaChuvoso) {
  console.log("É um bom dia para sair, mas leve um guarda-chuva se estiver chovendo.");
} else {
  console.log("Talvez fique em casa hoje.");
}

Usando Declarações if Aninhadas

Para cenários complexos, aninhar declarações if fornece uma maneira clara de lidar com múltiplos níveis de condições. Cada declaração if aninhada é avaliada somente se a condição if externa for atendida.

let idade = 15;
let temAutorizacaoDosPais = true;

if (idade >= 18) {
  console.log("Você pode participar do evento.");
} else {
  if (temAutorizacaoDosPais) {
    console.log("Você pode participar do evento com supervisão dos pais.");
  } else {
    console.log("Você não pode participar do evento.");
  }
}

O Operador Ternário para Lógica Concisa

Para atribuições condicionais simples, o operador ternário (condition ? valueIfTrue : valueIfFalse) oferece uma alternativa mais concisa a uma declaração if-else completa.

let ehAdulto = idade >= 18 ? true : false;
console.log(ehAdulto); // Retorna true se idade >= 18, false caso contrário

Dominando essas técnicas, você pode construir aplicações JavaScript robustas e adaptáveis que lidam com uma ampla gama de cenários condicionais com clareza e eficiência.