Curso IT Fundamentos JavaScript 041_Ramificação Condicional if, else, switch

As instruções condicionais em JavaScript incluem principalmente if, else if, else e switch.

Instrução if

A instrução if é usada para determinar se deve executar um certo trecho de código com base em uma condição. Quando a expressão condicional dentro dos parênteses da instrução if(...) for true, executa uma linha de instrução após o if. Se você deseja controlar várias linhas de código, pode usar {} para agrupar as instruções. É recomendado sempre usar chaves {} para envolver o bloco de código ao usar a instrução if, mesmo que haja apenas uma instrução, para melhorar a legibilidade do código. Se a expressão condicional for false, não será executada. Se a expressão condicional após o if não for um valor booleano, ela será primeiro convertida para um valor booleano antes da operação. O número 0, string vazia "", null, undefined e NaN serão todos convertidos para false. Outros valores são convertidos para true.

Exemplo:

1
let age = 18;
2
if (age >= 18) console.log('Adulto');
3
if (age >= 18) {
4
  console.log('Adulto');
5
}

Instrução if-else

A instrução if-else pode executar diferentes blocos de código com base em diferentes condições. Se o valor da expressão for true, executa o bloco de código após o if; caso contrário, executa o bloco de código após o else.

Exemplo:

1
let age = 25;
2
if (age >= 18) {
3
  console.log('Adulto');
4
} else {
5
  console.log('Menor de idade');
6
}

Instrução else if

A instrução else if é uma extensão usada na estrutura if-else, permitindo adicionar múltiplas condições para julgamento. A instrução else if avalia a expressão condicional após o if de cima para baixo sequencialmente, até que uma condição true apareça. Quando uma condição true aparece, as condições seguintes não serão mais avaliadas, sendo necessário projetar razoavelmente a ordem de arranjo das condições ou adicionar condições de operação lógica.

Exemplo:

1
let score = 95;
2
if (score >= 90) {
3
  console.log('Excelente');
4
} else if (score >= 60) { //Tente ordenar esta condição primeiro e veja qual é o resultado?
5
  console.log('Aprovado');
6
} else {
7
  console.log('Reprovado');
8
}

Instrução switch

A instrução switch pode substituir múltiplos julgamentos if, realizando seleção de múltiplas ramificações com base no valor da expressão. Ao executar a instrução switch, ela compara sequencialmente a expressão após o switch e a expressão após o case para igualdade estrita. Se o resultado da comparação for true, a instrução switch executa o bloco de código após o case correspondente, até encontrar a instrução break mais próxima (ou até o final da instrução switch). Se não houver case correspondente, executa o bloco de código default (se default existir).

Exemplo:

1
let day = 7;
2
switch (day) {
3
  case 1:
4
      console.log('Segunda-feira');
5
      break;
6
  case 2:
7
      console.log('Terça-feira');
8
    break;
9
  case 6: //agrupamento de case
10
  case 7: //vários ramos case que compartilham o mesmo trecho de código podem ser agrupados
11
      console.log('Fim de semana');
12
      break;
13
  default:
14
      console.log('Outro');
15
}

break encerrar (terminar, sair do) loop

break é usado para encerrar (terminar, sair do) o loop atual ou instrução switch. Se não houver break, continuará executando os case subsequentes (ou seja, ocorre o fenômeno de “penetração”).

Exemplo:

1
let day = 2;
2
switch (day) {
3
  case 1:
4
    console.log('Segunda-feira');
5
    break;
6
  case 2:
7
    console.log('Terça-feira');
8
    // sem break, continuará executando o próximo case
9
  case 3:
10
    console.log('Quarta-feira');
11
    break;
12
  default:
13
    console.log('Outro');
14
}