Condicionais if e else: tomando decisões no código

Imagine que você está cozinhando e a receita diz: "Se o molho estiver muito grosso, adicione um pouco de água. Caso contrário, continue mexendo." Essa é uma decisão baseada em uma condição.

Em programação, as condicionais são exatamente isso: elas permitem que seu código tome decisões e execute diferentes blocos de instruções dependendo se uma condição é verdadeira (true) ou falsa (false). É como ensinar seu programa a pensar e reagir a diferentes situações.

As estruturas condicionais mais básicas e fundamentais são o if (se) e o else (senão/caso contrário).

1. A estrutura if (Se)

O if é a forma mais simples de tomar uma decisão. Ele executa um bloco de código somente se uma condição específica for verdadeira.

Sintaxe:

if (condição) {
    // Código a ser executado SE a condição for verdadeira
}

• A condição é uma expressão que resulta em um valor booleano (true ou false). Geralmente, usamos operadores de comparação (como ==, ===, >, <) e operadores lógicos (&&, ||, !) para criar essas condições.
• O código dentro das chaves {} é chamado de bloco de código. Ele só será executado se a condição for true.

Exemplo:

let temperatura = 28;

if (temperatura > 25) {
    console.log("Está fazendo calor!");
}

console.log("Fim da verificação de temperatura.");
// Saída:
// Está fazendo calor!
// Fim da verificação de temperatura.

Neste exemplo, como temperatura (28) é maior que 25, a condição temperatura > 25 é true, e a mensagem "Está fazendo calor!" é exibida.

Se a temperatura fosse 20, a condição temperatura > 25 seria false, e o bloco de código dentro do if seria ignorado. Apenas "Fim da verificação de temperatura." seria exibido.

2. A estrutura else (Senão / Caso contrário)

O else é usado em conjunto com o if para fornecer um caminho alternativo. Ele executa um bloco de código se a condição do if for falsa.

Sintaxe:

if (condição) {
    // Código a ser executado SE a condição for verdadeira
} else {
    // Código a ser executado SE a condição for falsa
}

• O bloco else sempre segue um bloco if. Ele não pode existir sozinho.
• O código dentro do else será executado se a condição do if for false.

Exemplo:

let idade = 17;

if (idade >= 18) {
    console.log("Você é maior de idade e pode votar.");
} else {
    console.log("Você é menor de idade e ainda não pode votar.");
}

console.log("Verificação de idade concluída.");
// Saída:
// Você é menor de idade e ainda não pode votar.
// Verificação de idade concluída.

Neste caso, como idade (17) não é maior ou igual a 18, a condição idade >= 18 é false. O JavaScript então pula o bloco do if e executa o bloco do else.

Se a idade fosse 20, a condição seria true, o bloco do if seria executado, e o bloco do else seria ignorado.

Como o JavaScript "pensa" com if e else:

1. Ele avalia a condição dentro dos parênteses do if.
2. Se o resultado for true, ele executa o código dentro do bloco do if e depois continua o programa após o else (se houver).
3. Se o resultado for false, ele pula o código do if e, se houver um else, executa o código dentro do bloco do else. Depois, continua o programa.

[[google images search term: flowchart if else]]

Dicas importantes:

• Chaves {}: Mesmo que seu bloco if ou else tenha apenas uma linha de código, é uma boa prática sempre usar as chaves. Isso evita erros e torna o código mais legível, especialmente se você adicionar mais linhas depois.
• Legibilidade: Tente criar condições claras e fáceis de entender. Use nomes de variáveis significativos.
• Testes: Sempre teste seu código com diferentes valores para as variáveis para garantir que todas as condições (verdadeiras e falsas) funcionem como esperado.

As condicionais if e else são a espinha dorsal da lógica de programação. Com elas, você pode criar programas que reagem de forma inteligente a diferentes entradas e situações, tornando-os muito mais úteis e dinâmicos!