JavaScript se mais

Resumo : neste tutorial, você aprenderá como usar a if...elseinstrução JavaScript para executar um bloco com base em uma condição.

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

A ifinstrução executa um bloco se uma condição for true. Quando a condição é false, não faz nada. Mas se você quiser executar uma instrução se a condição for false, você pode usar uma if...elseinstrução.

O seguinte mostra a sintaxe da if...elseinstrução:

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

Nesta sintaxe, the conditioné um valor ou uma expressão avaliada como trueou false. Se a condição for true, a if...elseinstrução executa o bloco que segue a iframificação.

Se a condição for false, a if...elseinstrução executa o bloco que segue a elseramificação.

Normalmente, o conditioné avaliado como um valor booleano, que é trueou false. No entanto, se for avaliado como um valor não booleano, a if...elseinstrução irá convertê-lo para o valor booleano.

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

Exemplos de instruções if…else em JavaScript

O exemplo a seguir usa a if...elseinstrução para verificar se a idade é maior ou igual a 18:

let age = 18;

if (age >= 18) {
  console.log('You can sign up.');
} else {
  console.log('You must be at least 18 to sign up.');
}Linguagem de código:  JavaScript  ( javascript )

Neste exemplo, ageé 18. Portanto, a expressão age >= 18é true. Portanto, você verá a seguinte mensagem no console:

You can sign up.

O exemplo a seguir é igual ao anterior, exceto que ageé 18em vez de 16:

let age = 16;

if (age >= 18) {
  console.log('You can sign up.');
} else {
  console.log('You must be at least 18 to sign up.');
}
Linguagem de código:  JavaScript  ( javascript )

Saída:

You must be at least 18 to sign up.

Neste exemplo, ageé 16. Portanto, a expressão age >= 18é avaliada como false. Conseqüentemente, a instrução na elseramificação é executada e envia a mensagem para o console.

O exemplo a seguir usa um operador lógico AND (&&) como condição no bloco if:

let age = 16;
let country = 'USA';

if (age >= 16 && country === 'USA') {
  console.log('You can get a driving license.');
} else {
  console.log('You are not eligible to get a driving license.');
}Linguagem de código:  JavaScript  ( javascript )

Como a idade é 16 anos e o país são os EUA, a seguinte expressão retorna true.

age >= 16 && country === 'USA'Linguagem de código:  JavaScript  ( javascript )

E você vê a seguinte saída:

You can get a driving license.Linguagem de código:  JavaScript  ( javascript )

Resumo

• Use a instrução JavaScript if...elsepara executar um bloco se houver uma condição truee outro bloco caso contrário.