JavaScript se mais se

Resumo : Neste tutorial, você aprenderá como usar a if...else...ifinstrução JavaScript para verificar múltiplas condições e executar o bloco correspondente se uma condição for true.

Introdução à instrução JavaScript if else if

As instruções ifif …else aceitam uma única condição e executam o bloco ifor elsede acordo com a condição.

Para verificar múltiplas condições e executar o bloco correspondente se uma condição for true, você usa a if...else...ifinstrução como esta:

if (condition1) {
  // ...
} else if (condition2) {
  // ...
} else if (condition3) {
  //...
} else {
  //...
}Linguagem de código:  JavaScript  ( javascript )

Nesta sintaxe, a if...else...ifinstrução possui três condições. Em teoria, você pode ter quantas condições quiser, onde cada else...iframificação tem uma condição.

A if...else...ifinstrução verifica as condições de cima para baixo e executa o bloco correspondente se a condição for true.

A if...else...ifinstrução para de avaliar as condições restantes assim que uma condição é true. Por exemplo, se condition2for true, a if...else...ifinstrução não avaliará condition3.

Se todas as condições forem false, a if...else...ifinstrução executa o bloco na elseramificação.

O fluxograma a seguir ilustra como a if...else...ifinstrução funciona:

JavaScript if else if exemplos

Vejamos alguns exemplos de uso da if...else...ifdeclaração.

1) Um exemplo simples de instrução JavaScript if…else…if

O exemplo a seguir usa a if...else...ifinstrução para obter o nome do mês a partir de um número de mês:

let month = 6;
let monthName;

if (month == 1) {
  monthName = 'Jan';
} else if (month == 2) {
  monthName = 'Feb';
} else if (month == 3) {
  monthName = 'Mar';
} else if (month == 4) {
  monthName = 'Apr';
} else if (month == 5) {
  monthName = 'May';
} else if (month == 6) {
  monthName = 'Jun';
} else if (month == 7) {
  monthName = 'Jul';
} else if (month == 8) {
  monthName = 'Aug';
} else if (month == 9) {
  monthName = 'Sep';
} else if (month == 10) {
  monthName = 'Oct';
} else if (month == 11) {
  monthName = 'Nov';
} else if (month == 12) {
  monthName = 'Dec';
} else {
  monthName = 'Invalid month';
}
console.log(monthName);Linguagem de código:  JavaScript  ( javascript )

Saída:

Jun

Neste exemplo, comparamos o mês com 12 números de 1 a 12 e atribuímos o nome do mês correspondente à monthNamevariável.

Como o mês é 6, a expressão month==6é avaliada como true. Portanto, a if...else...ifinstrução atribui a string literal 'Jun'à monthNamevariável. Portanto, você vê Junno console.

Se você alterar o mês para um número que não esteja entre 1 e 12, você verá o Invalid Monthno console porque a elsecláusula será executada.

2) Usando a instrução JavaScript if…else…if para calcular o índice de massa corporal

O exemplo a seguir calcula o índice de massa corporal (IMC) de uma pessoa. Ele usa a if...else...ifdeclaração para determinar o status do peso com base no IMC:

let weight = 70; // kg
let height = 1.72; // meter

// calculate the body mass index (BMI)
let bmi = weight / (height * height);

let weightStatus;

if (bmi < 18.5) {
  weightStatus = 'Underweight';
} else if (bmi >= 18.5 && bmi <= 24.9) {
  weightStatus = 'Healthy Weight';
} else if (bmi >= 25 && bmi <= 29.9) {
  weightStatus = 'Overweight';
} else {
  weightStatus = 'Obesity';
}

console.log(weightStatus);Linguagem de código:  JavaScript  ( javascript )

Saída:

Healthy Weight

Como funciona.

• Primeiro, declare duas variáveis ​​que contenham o peso em quilogramas e a altura em metros. Em um aplicativo do mundo real, você obterá esses valores de um formulário web.
• Segundo, calcule o índice de massa corporal dividindo o peso pelo quadrado da altura.
• Terceiro, determine o status do peso com base no IMC usando a if...else..ifdeclaração.
• Finalmente, envie o status do peso para o console.

Resumo

• Use a instrução JavaScript if...else...ifpara verificar diversas condições e executar o bloco correspondente se uma condição for true.