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 várias 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 funcionaria bem 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 você pode ver, 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

Essa estrutura é útil quando apenas uma condição precisa ser 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?

Deslize para mostrar o menu