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
"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
- O que é 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 - Operadores de comparação e lógicos
- Tomada de decisão em JavaScript
- Boas práticas com condicionais
📌 Conceitos abordados
- Algoritmo — sequência lógica de instruções
- Estruturas condicionais — if, 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.
// 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");
}
- 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 for falsa.
🔍 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.
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."
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.
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."
else- Quando você precisa executar um código alternativo
- Quando a condição do
iffor 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.
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"
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 > 5 → true |
< |
Menor que | 10 < 5 → false |
>= |
Maior ou igual | 10 >= 10 → true |
<= |
Menor ou igual | 10 <= 5 → false |
&& |
AND (E) | true && true → true |
|| |
OR (OU) | true || false → true |
! |
NOT (NEGAÇÃO) | !true → false |
📚 Exemplos práticos de condicionais
1. Sistema de verificação de idade
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
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
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:09 — Operadores 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
if seja falsa. if inicia a decisão. O else if adiciona novas possibilidades. !== verifica se os valores são diferentes em valor e tipo. && (AND) e || (OR). 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