Instruções condicionais são usadas para executar ações diferentes com base em condições diferentes.

Declarações Condicionais

Muitas vezes, ao escrever código, você deseja executar ações diferentes para decisões diferentes.

Você pode usar instruções condicionais no seu código para fazer isso.

Em JavaScript, temos as seguintes instruções condicionais:

• Use if para especificar um bloco de código a ser executado, se uma condição especificada for verdadeira.
• Use else para especificar um bloco de código a ser executado, se a mesma condição for falsa.
• Use else if para especificar uma nova condição para testar, se a primeira condição for falsa.
• Use switch para especificar muitos blocos alternativos de código a serem executados.

A declaração switch é descrita no próximo capítulo.

A Declaração If

Use a instrução if para especificar um bloco de código a ser executado se uma condição for verdadeira.

Sintaxe:

if (condicao) {
  //  bloco de código a ser executado se a condição for verdadeira
}

Observe que está if em letras minúsculas. Letras maiúsculas (If ou IF) gerarão um erro de JavaScript.

Faça uma saudação de "Bom dia" se a hora for menor que 18:00.

if (hora < 18) {
  saudacao = "Bom dia!";
}
// saudacao = "Bom dia!";

A Declaração Else

Use a instrução else para especificar um bloco de código a ser executado se a condição for falsa.

if (condicao) {
  //  bloco de código a ser executado se a condição for verdadeira
} else {
  //  bloco de código a ser executado se a condição for falsa
}

Se a hora for menor que 18, crie uma saudação "Bom dia!", caso contrário, "Boa noite!". Dado var hora = 17:

if (hora < 18) {
  saudacao = "Bom dia!";
} else {
  saudacao = "Boa noite!";
}
// hora === "Bom dia!"

A declaração Else If

A declaração else if especifica uma nova condição se a anterior retornar falso.

Sintaxe:

if (condicao1) {
  //  bloco de código a ser executado se a condicao1 for verdadeira
} else if (condicao2) {
  //  bloco de código a ser executado se condicao1 for falsa e condicao2 for verdadeira
} else {
  //  bloco de código a ser executado se ou a condicao1 for falsa e a condicao2 for falsa
}

Se o horário for menor que 12:00h, crie uma saudação "Bom dia!", se não, mas o horário for menor que 19:00, crie uma saudação "Boa tarde!", caso contrário, uma "Boa noite!":

if (horario < 12) {
  saudacao = "Bom dia!";
} else if  (horario < 19) {
  saudacao = "Boa tarde!";
} else {
  saudacao = "Boa noite!";
}

O resultado da saudação para o horário de 11:27h será:

Bom dia!

Teste-se com exercícios

Corrija a declarar if para alertar "Olá Mundo!" se x for maior que y.

If (x > y) alert ("Olá Mundo!");