Condicionais no Javascript

Tempo de leitura: 4 minutos

Condicionais no Javascript: Em qualquer programa, precisamos que o código tome decisões. As Estruturas Condicionais em JavaScript (como if, else, e switch) permitem que você execute diferentes blocos de código dependendo se uma expressão Booleana é avaliada como true ou false.

Dominar as condicionais é a chave para construir aplicações dinâmicas e interativas.

1. A Estrutura `if`, `else` e `else if`

Esta é a forma mais comum e flexível de controle de fluxo, permitindo avaliar uma ou várias condições em sequência.

A. `if` (Se)

Executa um bloco de código apenas se a condição for verdadeira.

JavaScript

let idade = 17;

if (idade >= 18) {
  console.log("Acesso liberado."); // Esta linha é ignorada
}

B. `if...else` (Se…Senão)

Garante que um dos dois blocos de código será executado.

JavaScript

let numero = 5;

if (numero % 2 === 0) {
  console.log("O número é par.");
} else {
  // Executado se o 'if' for falso
  console.log("O número é ímpar.");
}

C. `else if` (Senão, se…)

Permite testar múltiplas condições. O JavaScript testa cada condição em ordem e executa o bloco do primeiro if ou else if que retornar true, ignorando o restante.

JavaScript

let nota = 8.5;

if (nota >= 9) {
  console.log("Aprovado com Excelência.");
} else if (nota >= 7) { // Apenas se o primeiro 'if' foi falso
  console.log("Aprovado.");
} else {
  console.log("Reprovado.");
}

2. Estrutura `switch`

A estrutura switch é ideal quando você precisa comparar uma única variável/expressão contra múltiplos valores fixos (casos). É mais limpa que usar longas cadeias de else if para o mesmo valor.

JavaScript

let diaDaSemana = 6; // 1 (Segunda) a 7 (Domingo)

switch (diaDaSemana) {
  case 6: // Se diaDaSemana === 6
  case 7: // OU se diaDaSemana === 7
    console.log("Final de semana.");
    break; // Essencial! Interrompe a execução
  default:
    console.log("Dia útil.");
}

Atenção ao break: Sem o comando break, a execução continua para o próximo case após encontrar uma correspondência (fall-through), o que geralmente não é o comportamento desejado.

3. O Operador Ternário (`? :`)

O Operador Ternário é uma forma concisa de escrever uma condicional if...else em uma única linha, e, o mais importante, é uma Expressão (retorna um valor).

Operador Ternário	Estrutura Equivalente
`condição ? valorSeVerdadeiro : valorSeFalso`	`if (condição) { return valorSeVerdadeiro; } else { return valorSeFalso; }`

O Ternário deve ser usado quando você precisa atribuir um valor a uma variável com base em uma condição.

JavaScript

let idade = 20;

// O valor retornado é 'Maior de idade' ou 'Menor de idade'
let status = idade >= 18 ? "Maior de idade" : "Menor de idade"; 

console.log(status); // Saída: "Maior de idade"

✨ Boas Práticas em Condicionais

Evite Aninhamento Excessivo: Muitas estruturas if dentro de outras (aninhamento profundo) dificultam a leitura. Nesses casos, prefira o switch ou use funções para isolar a lógica.
Sempre Use Chaves {}: Mesmo que seu bloco if tenha apenas uma linha, usar chaves evita erros e melhora a legibilidade.
Clareza vs. Consciência: Use o Ternário para atribuições simples de uma linha; use o if/else para blocos de código mais longos ou complexos.

✅ Conclusão Condicionais no Javascript

Condicionais no Javascript: As estruturas condicionais (if/else, else if, switch) são o motor de decisão da sua aplicação. Elas permitem que o código responda a diferentes entradas e estados, garantindo dinamismo e flexibilidade. O domínio dessas estruturas, juntamente com o uso inteligente do Operador Ternário para atribuições concisas, é fundamental para escrever lógica previsível e construir a interatividade esperada em qualquer programa JavaScript.

Toda jornada tem um início, e o início para se tornar um desenvolvedor web é dominar as seguintes tecnologias, que você encontra aqui mesmo: