JavaScript: estrutura condicional (If e Else)

IF

Muitas vezes durante um script, devemos prepará-lo para tomar decisões baseadas em dados lógicos. Quem faz esse papel de decisão é o if.

A estrutura seletiva if determina se seu bloco de dados será executado a partir de uma comparação que resultará em verdadeiro ou falso, no qual, se der verdadeiro, seu bloco é executado.

Sua estrutura básica é: if ( comparação ) { código a ser executado }

A comparação é dada por operadores lógicos: maior, menor, igual, diferente, etc. Em conjunto ou não de operadores de sentença: e, ou, ou exclusivo, etc. Veja mais sobre operadores lógicos clicando aqui!

No exemplo abaixo, iremos comparar dois números. Se a comparação for verdadeira, aparecerá na tela: Estes números são iguais.

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
  if (10 == 10) {
    document.write ("Estes números são iguais");
  }
//-->
</SCRIPT>

O que resultaria em: Estes números são iguais.

Mas, devemos entender que, se a comparação fosse falsa, nada iria acontecer, resultando em um espaço em branco no documento.

Else

Else serve, exatamente, para a parte falsa da estrutura seletiva if. Isso quer dizer que, se o resultado de if for falso, o bloco de dados que pertence ao else será executado. Portanto, não existe else, se antes não houver um if. O que resulta na estrutura:

if ( comparação ) { código executado se verdadeiro } else { código executado se falso }

Agora, vamos refazer o if acima, mas em conjunto com o else.

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
  if (10 == 5) {
    document.write ("Estes números são iguais");
  } else {
    document.write ("Estes números não são iguais");
  }
//-->
</SCRIPT>

O que resultaria em: Estes números não são iguais.


If e Else Resumido


Uma outra forma muito prática de utilizarmos o if e else é resumí-los.

O resumo de if e else é uma forma simples de comparação com um resultado para verdadeiro e outro para falso.

No caso do resumo utilizamos apenas dois caracteres: o ponto de interrogação (?) e os dois-pontos (:). Portanto, a estrutura ficaria assim:

comparação ? o que fazer se verdadeiro : o que fazer se falso

Então, o código utilizado acima de forma resumida seria:

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
  document.write ("Estes números ");
  document.write (10 == 10 ? "são" : "não são");
  document.write (" iguais");
//-->
</SCRIPT>

Que simplesmente mostraria na tela: Estes números são iguais.
Veja também: Algorítimo - Estrutura Seletiva