JavaScript se

Resumo : neste tutorial, você aprenderá como usar a ifinstrução JavaScript para executar um bloco quando uma condição for true.

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

A ifinstrução executa o bloco se uma condição for true. O seguinte mostra a sintaxe da ifinstrução:

if( condition )
   statement;Linguagem de código:  JavaScript  ( javascript )

O conditionpode ser um valor ou uma expressão. Normalmente, a condição é avaliada como um valor booleano , que é trueou false.

Se for conditionavaliado como true, a ifinstrução executa o statement. Caso contrário, a ifinstrução passa o controle para a instrução seguinte.

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

Se for conditionavaliado como um valor não booleano, o JavaScript converte implicitamente seu resultado em um valor booleano chamando a Boolean()função.

Se você tiver mais de uma instrução para executar, será necessário envolvê-las em um bloco usando um par de chaves da seguinte maneira:

if (condition) {
  // statements to execute
}Linguagem de código:  JavaScript  ( javascript )

No entanto, é uma boa prática sempre usar chaves com a ifdeclaração. Ao fazer isso, você facilita a manutenção do seu código e evita possíveis erros.

Exemplos de instruções if em JavaScript

O exemplo a seguir usa a ifinstrução para verificar se a idade é igual ou maior que 18:

let age = 18;
if (age >= 18) {
  console.log('You can sign up');
}Linguagem de código:  JavaScript  ( javascript )

Saída:

You can sign upLinguagem de código:  JavaScript  ( javascript )

Como funciona.

Primeiro, declare e inicialize a variável age para 18:  

let age = 18;Linguagem de código:  JavaScript  ( javascript )

Segundo, verifique se a idade é maior ou igual ao 18usar a ifdeclaração. Como a expressão age >= 18é true, o código dentro da ifinstrução é executado e envia uma mensagem para o console:

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

O exemplo a seguir também usa a ifinstrução. No entanto, ageé o 16que faz com que a condição seja avaliada como false. Portanto, você não verá nenhuma mensagem na saída:

let age = 16;
if (age >= 18) {
  console.log('You can sign up');
}Linguagem de código:  JavaScript  ( javascript )

Instrução if aninhada

É possível usar uma ifinstrução dentro de outra ifinstrução. Por exemplo:

let age = 16;
let state = 'CA';

if (state == 'CA') {
  if (age >= 16) {
    console.log('You can drive.');
  }
}Linguagem de código:  JavaScript  ( javascript )

Saída:

You can drive.Linguagem de código:  JavaScript  ( javascript )

Como funciona.

Primeiro, declare e inicialize as variáveis age​​e :state

let age = 16;
let state = 'CA';Linguagem de código:  JavaScript  ( javascript )

Segundo, verifique se stateestá 'CA'usando uma ifinstrução. Se sim, verifique se ageé maior do que 16usar uma instrução aninhada ife envie uma mensagem para o console:

if (state == 'CA') {
  if (age == 16) {
    console.log('You can drive.');
  }
}Linguagem de código:  JavaScript  ( javascript )

Na prática, você deve evitar ifo máximo possível o uso de instruções aninhadas. Por exemplo, você pode usar o &&operador para combinar as condições e usar ifinstruções da seguinte maneira:

let age = 16;
let state = 'CA';

if (state == 'CA' && age == 16) {
  console.log('You can drive.');
}Linguagem de código:  JavaScript  ( javascript )

Resumo

• Use a instrução JavaScript ifpara executar uma instrução se uma condição for true.
• Evite usar ifinstruções aninhadas tanto quanto possível.