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 "greater than 5" e "greater than 0" também estão sendo exibidas. Esse não é o comportamento desejado quando se pretende executar apenas uma condição. A declaração else não seria adequada aqui devido às múltiplas condições.

Introdução ao 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) {
  // First `if` code block
} else if (condition) {
  // First `else-if` code block
} else if (condition) {
  // Second `else-if` code block
}

Como pode ser observado, a declaração else-if é direta, com uma declaração if seguida por ela:

if (condition) {
  // Code block
} else if (condition) {
  // Repeat the `if` syntax
}

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 true, a cadeia é interrompida.

Nota

Esta estrutura é útil quando apenas uma condição precisa ser satisfeita.

Adicionando else

Também é possível 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 why the first example prints multiple messages?

What happens if none of the conditions are true in the last example?

Can you show how the output changes if I change the value of `a`?

Awesome!

Completion rate improved to 2.5

Deslize para mostrar o menu