Desenvolvedor de Software e Especialista em Tecnologia da Informação

If e Else em JavaScript: O guia definitivo para iniciantes entenderem condicionais e tomada de decisão

Todo programa precisa tomar decisões. É exatamente por isso que if, else e else if são uma das estruturas mais importantes da linguagem JavaScript. Se você está começando agora na programação ou deseja reforçar sua base, este conteúdo foi criado para mostrar na prática como a lógica funciona por trás das decisões de um software. Neste guia completo, você vai aprender como utilizar if, else e else if, criando exemplos simples que podem ser utilizados em qualquer projeto JavaScript.


If, Else e Else If em JavaScript | Aprenda Condicionais na Prática 🚀

Nesta aula você vai entender como funcionam as condicionais em JavaScript, aprendendo desde o conceito de algoritmo até a construção de estruturas capazes de decidir diferentes caminhos para um programa. Se você está começando agora na programação ou deseja reforçar sua base, este conteúdo foi criado para mostrar na prática como a lógica funciona por trás das decisões de um software. Durante a aula você aprenderá como utilizar if, else e else if, criando exemplos simples que podem ser utilizados em qualquer projeto JavaScript.

If e Else em JavaScript: O guia definitivo para iniciantes entenderem condicionais e tomada de decisão

If JavaScript Else JavaScript Condicionais JavaScript JavaScript para Iniciantes Lógica de Programação Algoritmos Curso JavaScript Desenvolvimento Web Programação RogerioPontesTI

"Um algoritmo é uma sequência lógica finita e ordenada. O algoritmo tem que ter o início, o meio e o fim. E o que são condicionais? Eles são blocos de instruções onde a gente consegue validar de uma forma sendo verdadeiro ou falso. E aí a gente tem uma saída de dados."


🚀 O que você vai aprender neste artigo

  1. O que é algoritmo e lógica de programação
  2. O que são estruturas condicionais
  3. Como funciona o if
  4. Como funciona o else
  5. Como funciona o else if
  6. Operadores de comparação e lógicos
  7. Tomada de decisão em JavaScript
  8. Boas práticas com condicionais

📌 Conceitos abordados

  • Algoritmo — sequência lógica de instruções
  • Estruturas condicionaisif, else, else if
  • Operadores de comparação==, ===, !=, !==, >, <, >=, <=
  • Operadores lógicos&&, ||, !
  • Blocos de código — como organizar instruções
  • Tomada de decisão — fluxo do programa

🧠 O que é um algoritmo?

Um algoritmo é uma sequência lógica, finita e ordenada de instruções que resolvem um problema ou executam uma tarefa. É a base de toda a programação.

EXEMPLO DE ALGORITMO

// Algoritmo para verificar se um aluno foi aprovado
// 1. Entrada: receber a nota do aluno
// 2. Processamento: verificar se a nota é maior ou igual a 7
// 3. Saída: exibir "Aprovado" ou "Reprovado"

let nota = 8;

if (nota >= 7) {
    console.log("Aprovado");
} else {
    console.log("Reprovado");
}
        
🔑 Características de um algoritmo
  • Sequência lógica — os passos são executados em ordem
  • Finito — tem um início, meio e fim
  • Ordenado — os passos seguem uma ordem específica
  • Resolve um problema — tem um objetivo claro

⚖️ O que são estruturas condicionais?

Estruturas condicionais são blocos de código que permitem que o programa tome decisões com base em condições que podem ser verdadeiras ou falsas.

✅ If — Se
Executa um bloco de código se a condição for verdadeira.
❌ Else — Senão
Executa um bloco de código se a condição do if for falsa.
🔄 Else If — Senão Se
Permite testar múltiplas condições em sequência.

🔍 O comando if em JavaScript

O comando if é a estrutura condicional mais básica. Ele executa um bloco de código apenas se a condição for verdadeira.

IF

let idade = 18;

if (idade === 18) {
    console.log("Aluno maior de idade, ele tem: " + idade + " anos.");
}
// Saída: "Aluno maior de idade, ele tem: 18 anos."
        
📖 Como funciona o if
  • A condição dentro dos parênteses é avaliada
  • Se for verdadeira, o bloco entre chaves é executado
  • Se for falsa, o bloco é ignorado
  • A condição pode usar operadores de comparação e lógicos

🔀 O comando else em JavaScript

O comando else é usado em conjunto com o if. Ele executa um bloco de código quando a condição do if é falsa.

IF/ELSE

let idade = 14;

if (idade === 18) {
    console.log("Aluno maior de idade, ele tem: " + idade + " anos.");
} else {
    console.log("Aluno menor de idade, ele tem: " + idade + " anos.");
}
// Saída: "Aluno menor de idade, ele tem: 14 anos."
        
📖 Quando usar else
  • Quando você precisa executar um código alternativo
  • Quando a condição do if for falsa
  • Para criar fluxos com duas possibilidades

🔄 O comando else if em JavaScript

O comando else if permite testar múltiplas condições em sequência. É útil quando você tem mais de duas possibilidades.

ELSE IF

let nota = 8;

if (nota <= 5) {
    console.log("Aluno reprovado. Nota: " + nota);
} else if (nota <= 7) {
    console.log("Aluno atingiu média. Nota: " + nota);
} else {
    console.log("Aluno superou a média. Nota: " + nota);
}
// Saída: "Aluno superou a média. Nota: 8"
        
📖 Quando usar else if
  • Quando você tem múltiplas condições para verificar
  • Quando as condições são mutuamente exclusivas
  • Para criar fluxos com várias possibilidades

⚙️ Operadores usados em condicionais

Operador Descrição Exemplo
== Igualdade (valor) 10 == "10"true
=== Igualdade estrita (valor e tipo) 10 === "10"false
!= Diferente (valor) 10 != "10"false
!== Diferente estrito (valor e tipo) 10 !== "10"true
> Maior que 10 > 5true
< Menor que 10 < 5false
>= Maior ou igual 10 >= 10true
<= Menor ou igual 10 <= 5false
&& AND (E) true && truetrue
|| OR (OU) true || falsetrue
! NOT (NEGAÇÃO) !truefalse

📚 Exemplos práticos de condicionais

1. Sistema de verificação de idade

EXEMPLO 1

let idade = 17;

if (idade >= 18) {
    console.log("Maior de idade");
} else {
    console.log("Menor de idade");
}
// Saída: "Menor de idade"
        

2. Sistema de notas escolares

EXEMPLO 2

let nota = 6;

if (nota >= 7) {
    console.log("Aprovado");
} else if (nota >= 5) {
    console.log("Recuperação");
} else {
    console.log("Reprovado");
}
// Saída: "Recuperação"
        

3. Validação de login

EXEMPLO 3

let usuario = "admin";
let senha = "123456";

if (usuario === "admin" && senha === "123456") {
    console.log("Login realizado com sucesso!");
} else {
    console.log("Usuário ou senha inválidos");
}
        

📋 Boas práticas com condicionais

1️⃣ Use === em vez de ==

A igualdade estrita evita coerção de tipos inesperada e torna o código mais previsível.

2️⃣ Evite condicionais aninhadas demais

Muitos if aninhados tornam o código difícil de ler. Use else if ou switch quando possível.

3️⃣ Use nomes descritivos para variáveis

estaLogado é melhor que esta. Nomes claros facilitam a leitura do código.

4️⃣ Teste sempre os dois lados

Teste o código com valores que tornam a condição verdadeira e falsa para garantir que ambos os fluxos funcionam.


⏱️ Capítulos do vídeo

  • 00:00 — O que é algoritmo e lógica de programação
  • 00:14 — O que são estruturas condicionais
  • 00:24 — Como funciona o if
  • 00:31 — Criando a primeira condição
  • 00:41 — Utilizando o else
  • 00:47 — Quando usar else if
  • 01:02 — Criando variáveis idade e nota
  • 01:13 — Exemplo: maior de idade
  • 01:24 — Exemplo: menor de idade
  • 01:58 — Sistema de notas em JavaScript
  • 02:09Operadores de comparação
  • 02:34 — Encerramento

🎯 Conclusão

As estruturas condicionais if, else e else if são fundamentais para a programação em JavaScript. Elas permitem que seu código tome decisões e execute diferentes fluxos com base em condições específicas.

Neste artigo, você aprendeu:

  • ✅ O que é um algoritmo e lógica de programação
  • ✅ O que são estruturas condicionais
  • ✅ Como funciona o if
  • ✅ Como funciona o else
  • ✅ Como funciona o else if
  • ✅ Quais operadores usar em condições
  • Boas práticas para escrever condicionais

💡 Lembre-se: Todo programa precisa tomar decisões. Dominar as estruturas condicionais é o primeiro passo para criar código inteligente e que resolve problemas reais.


🤔 O que você achou?

💬 Quer aprender JavaScript do ZERO? Comece agora a escrever seu primeiro código e seus fundamentos!


❓ FAQ: Perguntas Frequentes sobre If, Else e Condicionais em JavaScript

É uma estrutura condicional que executa um bloco apenas quando uma condição é verdadeira.

Quando deseja executar um bloco caso a condição do if seja falsa.

Permite testar várias condições em sequência, uma após a outra.

O if inicia a decisão. O else if adiciona novas possibilidades.

Sim. Você pode criar quantos forem necessários para cobrir todas as possibilidades.

Compara valor e tipo simultaneamente, garantindo uma igualdade estrita.

O operador !== verifica se os valores são diferentes em valor e tipo.

Sim. Utilizando operadores lógicos como && (AND) e || (OR).

Não. Pode comparar strings, booleanos, objetos e qualquer expressão que resulte em verdadeiro ou falso.

Sim. Elas fazem parte de praticamente todos os programas existentes, sendo essenciais para a lógica.

É uma sequência lógica, finita e ordenada de instruções que resolvem um problema ou executam uma tarefa.

Sim. O else é opcional. Use apenas if quando você só precisa executar algo se a condição for verdadeira.

🎬 Assista ao Vídeos completo sobre Refatoração

O vídeo foi feito em Javascript mais o conceito pode ser utilizado em qualquer outra linguagem de programação..

🎬 Assista ao Vídeos completo sobre Refatoração


🔗 Conecte-se Comigo


💬 Qual foi a primeira condição que você criou usando if? Já conseguiu montar um sistema de notas ou validação parecido com o exemplo do vídeo? Escreve nos comentários! 👇

#JavaScript #IfElse #Programação #JavaScriptParaIniciantes #CursoJavaScript #LogicaDeProgramacao #DesenvolvimentoWeb #Frontend #Programador #RogerioPontesTI