Objetivos
Comandos de decisão e escolha
Para a tomada de decisões em JS podemos utilizar os comandos de decisão if, if-else,
if-else-if. Esses comando podem ser aninhados.
Os comandos de decisão bem como o seus funcionamentos já foram discutidos
em Portugol: Comandos de Decisão
sendo a leitura recomendada em caso de dúvida.
A condição mostrada nas sintaxes abaixo podem ser compostas de uma ou mais condições utilizando os
operadores relacionais e lógicos visto em
JavaScript Básico: Operadores.
Comando if
A linguagem JS possui o comando if que permite que façamos validações para a execução
de um trecho de código de acordo com uma ou mais verificações feitas pelo comando. Seu fluxograma
e sintaxe são apresentados abaixo:
Fig. 1: Fluxograma Comando if
 |
Sintaxe
if (condicao)
{
//se condicao == true
//trecho de código será executado
}
Onde
condicao: expressão que retorna um boolean
Exemplo 1
if( 1 > 0)
{
console.log("maior que zero");
}
Saída
maior que zero
A condicao mostrada na sintaxe acima pode ser composta de várias expressões utilizando os
operadores lógicos e relacionais estudados.
Exemplo 1.1: múltiplas condições
let a = 1
let b = true
let c = "str"
if((a == 1 || b == true) && c == "str" )
console.log("condição aceita")
else
console.log("condição não aceita")
Saída
condição aceita
Exemplo 1.2: função como argumento
function funcao(a,b){
return a > b
}
if(funcao(2,3))
console.log("condição aceita")
else
console.log("condição não aceita")
Saída
condição não aceita
No exemplo anterior, ao validar uma condição executamos um trecho de código caso a condição
seja verdadeira(true). Caso seja necessário executar um trecho de código quando uma condição
for falsa, utilizamos o comando if-else.
Fig. 2: Fluxograma Comando if-else
 |
Sintaxe
if(condicao)
{
//se condicao == true
//trecho de código será executado
}
else
{
//se condicao == false
//trecho de código será executado
}
Onde
condicao: expressão que retorna um boolean
A condicao mostrada na sintaxe acima pode ser composta de várias expressões utilizando
os operadores lógicos e relacionais estudados.
Quando é necessário realizar validações em cascata, podemos utilizar o comando if-else-if
fornecido pela linguagem JS. Utilizado quando é necessário realizarmos mais validações em cascata.
Fig. 3: Fluxograma Comando if-elseif
 |
Sintaxe
if(condicao1)
{
//se condicao1 == true
}
else if (condicao2)
{
//se condicao2 == true
}
else if (condicao3)
{
//se condicao == true
}
else
{
//condicao1, condicao2, condicao3 == false
}
Onde
condicao1..3: expressão que retorna um boolean
Exemplo 3
let a = 3;
if( a == 1)
{
console.log("a == 1");
}
else if (a == 2)
{
console.log("a ==2");
{
else
{
console.log("valor invalido");
}
Saída
valor invalido
A condicao mostrada na sintaxe acima pode ser composta de várias expressões utilizando os
operadores lógicos e relacionais estudados.
A linguagem JS também possui o mesmo if ternário presente na linguagem C.
Esse comando é representado pelo operador (? :).
Fig. 4: Fluxograma Comando if ternário
 |
Sintaxe
(condicao) ? expressao1 : expressao2;
Onde
condicao: expressão que retorna um boolean
expressao1..2: expressão com retorno. Expressão, função ou método
Exemplo 4
let a = 3;
console.log(a > 3 ? "maior" : "não maior");
Saída
não maior
Esse operador possui a mesma ideia do comando if-else, porém escrita de outras formas. Utilizado
quando precisamos declarar pequenas condições e atribuições.
Como na maioria das linguagens, os comandos de decisão, acimas outros, podemos ser declarados de
forma aninhada(Nested).
Exemplo 5: não irá compilar
if (condicao1)
{
if(condicao2)
{
//omitido
}
else if(condicao3)
{
//omitido
if(condicao4)
{
//omitido
}
}
}
Saída
-
Em determinadas situações precisamos realizar atribuições simples com o comando if-else
em que os valores true e false estão envolvidos como atribuição, por exemplo.
Como os operadores relacionais e lógicos em JS, retornam true ou false como
resultado, podemos declarar uma atribuição diretamente sem o uso do comando if-else:
Sintaxe
nome_variavel = variavel1/expressao1 operador variavel2/expressao2
Exemplo 6: if-else
let a = 11
let b = null
if ( a > 10 )
b = true
else
b = false
console.log(b)
Saída
true
O exemplo acima pode ser resumido, sem prejudicar a legibilidade, em apenas uma atribuição
direta à variável utilizando a sintaxe vista acima:
Exemplo 6.1: retorno de operador
let a = 11
let b = a > 10
console.log(b)
Saída
true
Histórico de atualizações
- 19/12/2025 - revisão 5 - Adição: Exs. 1.1 e 1.2; Retorno de operador
- 14/08/2025 - revisão 4 - Ajustes: pontuais, target de links internos , 'Objetivos', Switch movido
- 26/09/2024 - revisão 3 - Correção em links 'Anterior';Ajustes pontuais
- 02/09/2024 - revisão 2 - Correção em links de objetivos
- 05/10/2023 - revisão 1 - Correção em layout, navegação e erros gramaticais
- 31/05/2023 - versão inicial
Os cursos oferecidos nesta página são cursos fornecidos por parceiros. Ao comprar um curso clicando
em seu banner, você está ajudando a manter o projeto TutorialDev vivo. Os sites dos cursos parceiros utilizam cookies.