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.

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.

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

Exemplo 2

if( 0 > 1)
{
  console.log("maior que um");
}
else
{
  console.log("menor que um");
}

Saída

menor que um

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 4: não irá compilar

if (condicao1)
{
  if(condicao2)
  {
      //omitido
  }
  else if(condicao3)
  {
      //omitido
      
      if(condicao4)
      {
          //omitido
      }
  }
}

Saída

-

1. 14/08/2025 - revisão 4 - Ajustes: pontuais, target de links internos , 'Objetivos', Switch movido
2. 26/09/2024 - revisão 3 - Correção em links 'Anterior';Ajustes pontuais
3. 02/09/2024 - revisão 2 - Correção em links de objetivos
4. 05/10/2023 - revisão 1 - Correção em layout, navegação e erros gramaticais
5. 31/05/2023 - versão inicial