Aprenda Aplicando Else If para Múltiplas Condições | Controlando o Fluxo do Programa com Instruções Condicionais

Agora, vamos explorar um cenário onde múltiplas condições entram em jogo:


              1234567891011121314151617
            
let a = 11;

if (a > 15) {
  console.log('greater than 15');
}

if (a > 10) {
  console.log('greater than 10');
}

if (a > 5) {
  console.log('greater than 5');
}

if (a > 0) {
  console.log('greater than 0');
}

Neste exemplo, a variável a é maior que 10, mas outras mensagens como "maior que 5" e "maior que 0" também estão sendo impressas. Esse não é o comportamento desejado quando se quer executar apenas uma condição. A instrução else não funcionaria bem aqui devido a múltiplas condições.

Introduzindo else if

A construção else if oferece uma solução para selecionar um bloco de código específico dentro de uma série de condições:

if (condition) {
  // Primeiro bloco de código if
} else if (condition) {
  // Primeiro bloco de código else-if
} else if (condition) {
  // Segundo bloco de código else-if
}

Como você pode ver, a instrução else-if é simples, consistindo em uma instrução if seguida por ela:

if (condição) {
  // Bloco de código
} else if (condição) {
  // Repita a sintaxe de `if`
}

Vamos aplicar isso ao nosso exemplo:


              1234567891011
            
let a = 11;

if (a > 15) {
  console.log("greater than 15");
} else if (a > 10) {
  console.log("greater than 10");
} else if (a > 5) {
  console.log("greater than 5");
} else if (a > 0) {
  console.log("greater than 0");
}

Agora, criamos uma sequência de condições. Quando pelo menos uma condição if se torna verdadeira, a cadeia é interrompida.

Nota

Esta estrutura é útil quando você precisa que apenas uma condição seja satisfeita.

Adicionando else

Você também pode adicionar uma declaração else após a cadeia de condições. Vamos modificar nosso exemplo:


              12345678910111213
            
let a = -61;

if (a > 15) {
  console.log("greater than 15");
} else if (a > 10) {
  console.log("greater than 10");
} else if (a > 5) {
  console.log("greater than 5");
} else if (a > 0) {
  console.log("greater than 0");
} else {
  console.log("No condition is satisfied");
}

Tudo estava claro?

Obrigado pelo seu feedback!

Seção 4. Capítulo 3

Pergunte à IA

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Suggested prompts:

Can you explain how the else if chain works in this example?

What would happen if the value of 'a' was changed to a different number?

Can you show a real-world scenario where else if would be useful?

Awesome!

Completion rate improved to 2.33

Deslize para mostrar o menu