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.

Dicas de JavaScript básico para iniciantes - Manipulação de DOM — Tutorial de JavaScript básico para iniciantes

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últiplos else 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.