Web Sites com Ajax

Condições

Declarações condicionais no JavaScript, assim como em outras linguagens, são utilizadas para executar diferentes ações baseadas em determinadas condições.

Declarações condicionais

Durante o desenvolvimento dos nossos scripts, sentimos a necessidade de executar determinadas ações baseados em uma determinada condição, ou seja, se uma condição for verdadeira (true) será executada a ação X, caso contrário, se for falsa (false), a ação Y.

Em JavaScript temos as seguintes declarações condicionais:

Declaração if

Utilizamos essa declaração quando necessitamos que somente uma parte do código seja executada e quando uma determinada condição for verdadeira.

Declaração if...else

Utilizamos essa declaração para que somente uma parte do código seja executada quando determinada condição for verdadeira e, outra parte, quando a condição for falsa.

Declaração if...else if...else

Utilizamos essa declaração quando desejamos selecionar um bloco de código entre vários outros.

Declaração switch

Utilizamos também essa declaração quando desejamos selecionar um bloco de código entre vários outros. É uma forma mais prática para alguns casos.

Declaração if

Sintaxe

if (condição) {
 //código a ser executado quando a condição for verdadeira.
}

Exemplo

O exemplo abaixo exibirá o texto Olá brazuca! se a variável pais for igual a Brasil.

var pais = "Brasil";

if(pais == "Brasil") {
 alert("Olá brazuca!");
}

No exemplo acima, a declaração if (se) verifica se a variável pais é igual a Brasil. Como a condição é verdadeira, ou seja, a variável pais tem o valor Brasil, será exibido o texto Olá brazuca! via alert().

Declaração if...else

Sintaxe

if (condição) {
 //código a ser executado quando a condição for verdadeira.
} else {
 //código a ser executado quando a condição for falsa.
}

Exemplo

O exemplo abaixo exibirá o texto Você não é um brazuca! se a variável pais não for igual a Brasil.

var pais = "China";

if(pais == "Brasil") {
 alert("Olá brazuca!");
} else {
 alert("Você não é um brazuca!");
}

No exemplo acima, a declaração if (se) verifica se a variável pais é igual a Brasil. Como a condição é falsa, ou seja, a variável pais não tem o valor Brasil e sim China, será exibido o texto Você não é um brazuca! via alert().

Declaração if...else if...else

Sintaxe

if (condição) {
 //código a ser executado quando a condição for verdadeira.
} else if (2º condição) {
 //código a ser executado quando a 2º condição for verdadeira.
} else {
 //código a ser executado quando a primeira e a segunda condição forem falsas.
}

Exemplo

var pais = "China";

if(pais == "Brasil") {
 alert("Olá brazuca!");
} else if(pais == "China") {
 alert("Olá chinês!");
} else {
 alert("Você não é um brazuca e nem chinês!");
}

No exemplo acima, realizamos duas verificações: perguntamos se a variável pais tem o valor Brasil (a primeira). Caso verdadeiro, exibiremos o texto Olá brazuca!; ou perguntamos se a mesma variável tem o valor China (a segunda). Neste caso, exibiremos o texto Olá chinês!.

Caso a variável não tenha nenhum dos dois valores - Brasil ou China - exibirá o texto Você não é um brazuca e nem chinês!

Declaração switch

Sintaxe

switch(expressão) {
 case valor 1:
  //código a ser executado se a expressão = valor 1;
  break
 case valor 2:
  //código a ser executado se a expressão = valor 2;
  break
 default:
  //código a ser executado se a expressão for diferente do valor 1 e valor 2;
}

Exemplo

O exemplo abaixo dirá ao usuário o estado em que ele reside. Observe:

var estado = "MG";

switch(estado) {
 case "MG":
  alert("Você mora em Minas Gerais.");
  break
 case "SP":
  alert("Você mora em São Paulo.");
  break
 case "ES":
  alert("Você mora no Espírito Santo.");
  break
 default:
  alert("Onde moras?");
}

Veja a demonstração desse exemplo.

Vamos compreender o exemplo. Temos a variável estado com o valor MG. Logo após, iniciamos nossa declaração condicional com o switch, passando a ele como parâmetro a expressão (variável) estado.

Então, utilizamos o case (caso). Para isso é necessário verificar o seguinte: se o valor da variável for MG exibimos um texto, se for SP exibimos outro, e assim por diante; se o valor da variável não coincidir com nenhum dos valores nos cases, exibimos um texto padrão (default).

Algumas considerações a cerca do switch.

• A expressão na maioria das vezes será uma variável;
• O valor da expressão é comparado com os valores de cada caso (case) da estrutura. Caso ocorra um valor semelhante, o código a ele associado é executado;
• O break previne que o próximo caso (case) seja executado automaticamente;
• O valor padrão (default) é utilizado caso nenhum dos valores dos cases coincidam com o valor da expressão.

• « Operadores
• |
• Popup Boxes »