@joao.labs@joao.labs
Voltar para o blog
Como funciona na Programação?

Como funciona o if

Uma das primeiras coisas que nos deparamos 😨 ao estudar programação é: IF, ou "SE" em português.

É uma palavra simples, mas de certa forma uma palavra mágica 🪄. Porque é o primeira coisa que vemos mudar o fluxo de execução de um programa.

Mas o que é o if?

Bom, programas precisam tomar decisões o tempo todo.

Um sistema pode perguntar:

  • O usuário está logado?
  • A senha está correta?
  • O estoque tem produtos?
  • A idade é suficiente?
  • A compra atingiu o valor para ganhar desconto?
  • O jogador fez pontos suficientes para vencer?

É aqui que entra o if.

O if é uma estrutura de programação usada para executar um trecho de código somente quando uma condição é verdadeira.

Eu geralmente uso JavaScript para dar os exemplos, mas a ideia é muito maior que a linguagem JavaScript.

if é um fundamento de programação.

Você encontrará estruturas condicionais semelhantes em praticamente todas as linguagens de programação.

Pensando em decisões

Antes de escrever código, podemos representar uma decisão assim:

Se uma condição for verdadeira, faça alguma coisa.

Por exemplo:

Se a idade for maior ou igual a 18, permita a entrada.

Em JavaScript:

if (idade >= 18) {
  console.log("Entrada permitida.");
}

O programa primeiro verifica a condição:

idade >= 18

Se o resultado for verdadeiro, executa o código dentro das chaves.

Se for falso, simplesmente pula esse bloco.

Essa é a ideia central do if.

A estrutura básica

A estrutura de um if é:

if (condicao) {
  // código executado quando a condição for verdadeira
}

Podemos dividir isso em três partes:

  1. if indica que queremos fazer uma decisão.
  2. A condicao é a pergunta que o programa precisa responder.
  3. O bloco {} contém o código que será executado caso a resposta seja verdadeira.

Por exemplo:

let idade = 20;

if (idade >= 18) {
  console.log("Maior de idade.");
}

Podemos ler esse código como:

Se idade for maior ou igual a 18, mostre "Maior de idade."

Como 20 >= 18 é verdadeiro, a mensagem será exibida.

Condições

Para entender o if, precisamos entender o que é uma condição.

Uma condição é uma expressão que pode resultar em:

  • true → verdadeiro
  • false → falso

Por exemplo:

console.log(10 > 5);
console.log(10 < 5);

O resultado será:

true // que significa verdadeiro
false // significa falso

Isso acontece porque:

  • 10 > 5 é verdadeiro.
  • 10 < 5 é falso.

Podemos colocar essa mesma lógica dentro de um if:

if (10 > 5) {
  console.log("A condição é verdadeira.");
}

Como a condição resulta em true, o código é executado.

Operadores de comparação

Normalmente usamos operadores de comparação para criar condições.

OperadorSignificadoExemplo
>maior queidade > 18
<menor queidade < 18
>=maior ou igualidade >= 18
<=menor ou igualidade <= 18
==igualidade == 18
!=diferenteidade != 18

Por exemplo:

let pontos = 102;

if (pontos >= 100) {
  console.log("Ganhou 🏆");
}

O programa verifica:

102 >= 100

O resultado é verdadeiro.

Então o código dentro do if é executado.

O if e o fluxo do programa

Uma forma importante de pensar em programação é imaginar que o código possui um fluxo de execução.

Normalmente, o programa executa uma instrução depois da outra:

console.log("Primeiro");
console.log("Segundo");
console.log("Terceiro");

O resultado será:

Primeiro
Segundo
Terceiro

O if permite alterar esse fluxo.

let idade = 15;

console.log("Começo");

if (idade >= 18) {
  console.log("Pode entrar.");
}

console.log("Fim");

Nesse caso, o programa executa:

Começo
Fim

O código dentro do if foi ignorado porque a condição era falsa.

Uma condição pode fazer o programa seguir por caminhos diferentes.

Essa é uma das ideias fundamentais da programação.

O else!

E quando queremos fazer alguma coisa caso a condição seja falsa?

Usamos else.

if (condicao) {
  // se for verdadeiro
} else {
  // se for falso
}

Por exemplo:

let idade = 15;

if (idade >= 18) {
  console.log("Pode entrar.");
} else {
  console.log("Não pode entrar.");
}

Agora temos dois caminhos possíveis.

Se idade >= 18 for verdadeiro:

Pode entrar.

Se for falso:

Não pode entrar.

Podemos interpretar o código assim:

Se a condição for verdadeira, faça A. Caso contrário, faça B.

if e else representam dois caminhos

Uma maneira simples de visualizar:

Por exemplo:

let estoque = 0;

if (estoque > 0) {
  console.log("Produto disponível.");
} else {
  console.log("Produto esgotado.");
}

O programa precisa escolher um dos dois caminhos.

Uma condição divide o fluxo de execução.

O exemplo do vídeo

No exemplo do vídeo, temos uma situação simples de um jogo.

O jogador precisa atingir pelo menos 100 pontos para ganhar.

A regra é:

Se os pontos forem maiores ou iguais a 100, o jogador ganhou. Caso contrário, perdeu.

Podemos transformar essa regra em código:

let pontos;

pontos = Number(prompt("Quantos pontos você fez?"));

if (pontos >= 100) {
  console.log("Ganhou 🏆");
} else {
  console.log("Perdeu 🌙");
}

Se o usuário digitar 102, a condição:

pontos >= 100

será verdadeira.

O resultado será:

Ganhou 🏆

Se o usuário digitar 80, a condição será falsa:

Perdeu 🍌

Por que usamos Number()?

O prompt() permite receber uma entrada do usuário.

Por exemplo:

let valor = prompt("Digite um valor:");

O valor recebido pelo prompt() é um texto.

Mesmo que o usuário digite:

102

o programa recebe esse valor como uma string.

Quando queremos trabalhar com o valor como número, podemos usar Number():

let pontos = Number(prompt("Quantos pontos você fez?"));

Agora podemos fazer uma comparação numérica:

if (pontos >= 100) {
  console.log("Ganhou 🏆");
}

Código completo do exemplo

let pontos;

pontos = Number(prompt("Quantos pontos você fez?"));

if (pontos >= 100) {
  console.log("Ganhou 🏆");
} else {
  console.log("Perdeu 🌙");
}
Testar no Laboratório

Esse exemplo é pequeno, mas apresenta vários fundamentos importantes:

  • variável;
  • entrada de dados;
  • conversão de tipos;
  • comparação;
  • condição;
  • decisão;
  • saída de dados.

O if é apenas uma parte desse processo.

else if: Quando existem mais possibilidades

Nem sempre temos apenas duas possibilidades.

Imagine um sistema de notas:

  • nota maior ou igual a 7 → aprovado;
  • nota maior ou igual a 5 → recuperação;
  • nota menor que 5 → reprovado.

Como escrever esse código? Explico isso aqui:

Como funciona else if

Exemplos do mundo real

O if aparece em praticamente qualquer sistema.

Validando idade

Um sistema pode verificar se uma pessoa tem idade suficiente:

let idade = 20;

if (idade >= 18) {
  console.log("Acesso permitido.");
} else {
  console.log("Acesso bloqueado.");
}

Verificando estoque

Uma loja precisa descobrir se um produto pode ser comprado:

let estoque = 10;

if (estoque > 0) {
  console.log("Produto disponível.");
} else {
  console.log("Produto esgotado.");
}

Aplicando desconto

Uma loja pode oferecer desconto para compras acima de determinado valor:

let valorCompra = 250;

if (valorCompra >= 200) {
  console.log("Você ganhou 10% de desconto.");
} else {
  console.log("Adicione mais produtos para ganhar desconto.");
}

Verificando acesso

Um sistema pode verificar se uma pessoa está autenticada:

let logado = true;

if (logado) {
  console.log("Bem-vindo!");
} else {
  console.log("Faça login para continuar.");
}

Classificando uma temperatura

Podemos usar condições para classificar uma temperatura:

let temperatura = 32;

if (temperatura >= 30) {
  console.log("Está quente.");
} else if (temperatura >= 20) {
  console.log("Temperatura agradável.");
} else {
  console.log("Está frio.");
}

Controlando um jogo

Em um jogo, podemos verificar se o jogador venceu:

let pontos = 120;

if (pontos >= 100) {
  console.log("Você venceu!");
} else {
  console.log("Continue tentando.");
}

Perceba que todos esses exemplos têm a mesma estrutura mental:

Temos dados → fazemos uma pergunta → escolhemos um caminho.

Essa é uma das ideias mais importantes para começar a pensar como programador.

Como pensar antes de escrever um if

Quando encontrar um problema que envolve uma decisão, tente seguir três passos.

1. Qual é a regra?

Por exemplo:

Clientes que gastarem pelo menos R$ 200 recebem desconto.

2. Qual condição representa essa regra?

valorCompra >= 200

3. O que acontece em cada caminho?

Se for verdadeiro:

console.log("Aplicar desconto.");

Se for falso:

console.log("Sem desconto.");

Juntando tudo:

let valorCompra = 250;

if (valorCompra >= 200) {
  console.log("Aplicar desconto.");
} else {
  console.log("Sem desconto.");
}

Esse processo de transformar uma regra do mundo real em condições é uma habilidade fundamental de programação.

O if é mais importante do que parece

É comum pensar que o if é apenas uma sintaxe do JavaScript.

Mas o conceito é muito mais importante.

Programar envolve transformar problemas em regras que o computador consegue executar.

Por exemplo:

Se o saldo for suficiente, permita o saque.

Pode virar:

if (saldo >= valorSaque) {
  console.log("Saque autorizado.");
}

Outra regra:

Se o usuário estiver logado, mostre o painel.

if (logado) {
  console.log("Mostrar painel.");
}

Outra:

Se o estoque estiver vazio, avise o usuário.

if (estoque === 0) {
  console.log("Produto esgotado.");
}

O JavaScript fornece a sintaxe, mas a habilidade importante é conseguir identificar a regra e transformá-la em uma condição.

Resumindo

O if permite que um programa tome decisões.

Sua estrutura básica:

if (condicao) {
  // código executado se a condição for verdadeira
}

Com else, temos dois caminhos:

if (condicao) {
  // quando é verdadeiro
} else {
  // quando é falso
}

Podemos comparar valores usando operadores como:

  • > → maior que
  • < → menor que
  • >= → maior ou igual
  • <= → menor ou igual
  • == → igual
  • != → diferente

Quando você aprende a olhar para um problema e perguntar

"Qual decisão o programa precisa tomar?"

você começa a desenvolver uma das habilidades mais importantes da programação.

Continue aprendendo


Espero ter ajudado! 🚀

Até a próxima!

João.

João Trintin

João Trintin

Programação Pode Ser Simples