28 de January de 2024

Atualizado em: 30 de julho de 2026

Este artigo foi revisado para tornar a explicação sobre condicionais aninhadas ainda mais completa, diferenciando o uso de if dentro de if da sequência if, else if e else, além de apresentar exemplos práticos utilizados no desenvolvimento de aplicações JavaScript.

---

O que são Condicionais Aninhadas em JavaScript?

Durante o desenvolvimento de um programa, nem sempre precisamos tomar apenas uma decisão.

Em muitas situações, o algoritmo precisa analisar diferentes informações antes de executar determinada ação.

Imagine um sistema que precisa:

• verificar se o usuário está logado;
• confirmar se ele possui permissão de acesso;
• identificar qual é o seu plano;
• decidir qual tela deverá ser exibida.

Nesse tipo de situação, apenas um if normalmente não é suficiente.

É justamente aí que entram as condicionais aninhadas, um dos conceitos mais importantes da lógica de programação.

Neste artigo você aprenderá:

• como funciona o if, else if e else;
• a diferença entre várias condições e um verdadeiro aninhamento;
• quando utilizar cada abordagem;
• um exemplo simples e outro mais próximo do mundo real.

---

Relembrando o if e o else

Antes de entender as condicionais aninhadas, vale recordar como funciona uma condição simples.

let idade = 20;

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

Nesse exemplo o código será executado somente quando a condição for verdadeira.

Quando existem apenas duas possibilidades utilizamos o else.

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

Aqui existem apenas dois caminhos possíveis.

Mas e quando o programa precisa analisar três, quatro ou mais possibilidades?

---

if, else if e else

Quando existem várias possibilidades podemos utilizar uma sequência de condições.

let nota = 6;

if (nota >= 7) {

    console.log("Aprovado");

} else if (nota >= 5) {

    console.log("Recuperação");

} else {

    console.log("Reprovado");

}

O JavaScript verifica as condições de cima para baixo.

Assim que encontra uma condição verdadeira, as demais deixam de ser executadas.

Caso nenhuma condição seja atendida, o bloco else será executado.

Essa estrutura é utilizada diariamente em sistemas de cadastro, lojas virtuais, aplicações financeiras e diversos outros projetos.

---

O que realmente é uma Condicional Aninhada?

Embora muitas pessoas utilizem o termo para se referir ao else if, uma condicional aninhada acontece quando existe uma estrutura condicional dentro de outra.

Veja um exemplo.

if (usuarioLogado) {

    if (usuarioAdmin) {

        console.log("Painel Administrativo");

    } else {

        console.log("Painel do Usuário");

    }

} else {

    console.log("Faça o login para continuar.");

}

Nesse caso o segundo if só será executado se o primeiro for verdadeiro.

Ou seja, existe uma decisão acontecendo dentro de outra decisão.

É exatamente por isso que essa estrutura recebe o nome de condicional aninhada.

---

Exemplo Prático

Vamos utilizar uma sequência de condições para identificar o período do dia.

As regras serão:

• até 12 horas → Bom dia;
• de 13 até 17 horas → Boa tarde;
• a partir das 18 horas → Boa noite.

let hora = 13;

if (hora <= 12) {

    document.write("Bom dia");

} else if (hora < 18) {

    document.write("Boa tarde");

} else {

    document.write("Boa noite");

}

Embora seja um exemplo simples, ele demonstra perfeitamente como o JavaScript percorre cada condição até encontrar uma resposta verdadeira.

---

Entendendo o funcionamento

Se a variável receber o valor 10, teremos:

hora <= 12 ?

Sim

↓

Bom dia

Agora imagine que o valor seja 15.

hora <= 12 ?

Não

↓

hora < 18 ?

Sim

↓

Boa tarde

Se o valor for 20.

hora <= 12 ?

Não

↓

hora < 18 ?

Não

↓

Boa noite

Observe que, assim que uma condição é satisfeita, o restante do código deixa de ser executado.

---

A importância dos operadores lógicos

Em muitos algoritmos será necessário combinar duas ou mais condições.

Por exemplo:

if (idade >= 18 && possuiCarteira) {

    console.log("Pode dirigir.");

}

O operador && significa E.

As duas condições precisam ser verdadeiras ao mesmo tempo.

Também é muito comum utilizar:

• || (OU)
• ! (NÃO)

Esses operadores aparecem constantemente em sistemas profissionais.

---

Onde as Condicionais Aninhadas são utilizadas?

Você encontrará esse recurso em praticamente qualquer aplicação desenvolvida atualmente.

Alguns exemplos:

• sistemas de login;
• controle de permissões;
• validação de formulários;
• aprovação de pedidos;
• cálculo de descontos;
• classificação de alunos;
• controle de estoque;
• sistemas bancários;
• lojas virtuais;
• plataformas de cursos.

Sempre que o programa precisar tomar várias decisões, as condicionais serão utilizadas.

---

Uma dica importante

Um erro muito comum entre iniciantes é tentar escrever todo o algoritmo de uma única vez.

Uma estratégia muito melhor consiste em dividir o problema em pequenas etapas.

Antes de começar a programar, responda:

• Quais informações serão necessárias?
• Quais variáveis preciso criar?
• Quais respostas podem ser exibidas?
• Quais condições precisam ser verificadas?

Depois monte a estrutura da lógica e somente então escreva as condições.

Esse processo reduz bastante a quantidade de erros.

---

---

📺 Assista à aula completa

Se você prefere aprender acompanhando todo o desenvolvimento do algoritmo passo a passo, assista à aula completa no canal Desvendando o Código.

Nesta aula mostramos como construir uma condicional aninhada utilizando if, else if e else, explicando cada etapa da lógica e desenvolvendo um algoritmo capaz de identificar automaticamente se deve ser exibido Bom dia, Boa tarde ou Boa noite.

🎥 Vídeo da aula:

---

Boas práticas

Sempre que utilizar condicionais procure:

• manter uma boa indentação;
• utilizar nomes de variáveis claros;
• escrever condições objetivas;
• evitar muitos níveis de aninhamento;
• testar diferentes cenários antes de finalizar o algoritmo.

Esses cuidados deixam o código mais organizado e facilitam futuras manutenções.

---

Conclusão

As condicionais são uma das bases da programação.

Dominar if, else if, else e compreender quando utilizar um verdadeiro aninhamento permitirá criar algoritmos capazes de resolver problemas muito mais próximos daqueles encontrados em aplicações profissionais.

Depois desse conteúdo você estará preparado para estudar estruturas como switch case, funções, laços de repetição e conceitos mais avançados da linguagem JavaScript.

O mais importante é praticar.

Experimente modificar os exemplos apresentados, criar novas condições e desenvolver pequenos desafios próprios. Quanto mais você praticar, mais natural será construir algoritmos.

Continue aprendendo JavaScript

Se este conteúdo foi útil para você, aproveite para conhecer os demais artigos da série JavaScript para Iniciantes publicados aqui no Desvendando o Código.

Cada aula foi desenvolvida para explicar os conceitos de forma simples, prática e utilizando exemplos do mundo real, ajudando você a evoluir passo a passo na programação.

Bons estudos e até a próxima aula!