JavascriptProgramaçãoTecnologia

Estrutura condicional em Javascript

Condicional e Comparação

Utilizamos estruturas condicionais para verificar se uma condição é verdadeira e executarmos ações de acordo com o resultado. São utilizados os valores verdadeiro (true) e falso (false) para validar essa condição. 

Por exemplo: Se chover hoje, vou usar guarda chuva.

Se a condição (chover hoje) for verdadeira, a ação (usar guarda chuva) é realizada.

 

Operadores de comparação

Para realizarmos uma validação ou comparação, utilizamos algumas estruturas. A principal delas é o IF, que significa “Se” em inglês. 

 

IF 

Estrutura de condição if (condição da ação) + { Executa ação }

Quando utilizamos if a condição sempre tem que ser verdadeira para executar ação.


If/Else 

Também podemos ter uma ação diferente, caso a condição não seja verdadeira através da estrutura ELSE, que significa “Senão”.

Se chover hoje, vou usar guarda chuva, se não, vou sair sem guarda chuva.

Estrutura da condição if(condição de ação)  + { Executa ação } + else  + { Executa ação }

IF/ELSE IF/ELSE

Outra possibilidade é criar um conjunto de condições e ações diferentes. Por exemplo:

Se eu acordar de madrugada, vou ler; 

Se acordar de manhã, vou estudar;

Se acordar tarde vou assistir filme.

Veja que no exemplo acima, uma condição anula a outra. Se eu acordar de madrugada, apenas vou ler, e não continuo a lista, mas se eu não acordar de madrugada, irei percorrendo a lista até encontrar a ação que devo fazer de acordo com o horário em que eu acordar (condição).

Se a condição do IF não for verdadeira, ele passa para o próximo else if

Operadores de comparação ==,===

Podemos utilizar os operadores condicionais (if, if else, else) para executar condições de igualdade, identidade e relações lógicas.

O uso de três sinais “===” faz uma comparação estrita, e compara se duas variáveis são idênticas, ou seja, verifica se elas têm o mesmo valor e também o mesmo tipo. No caso abaixo, ambas têm o mesmo valor (10) e o mesmo tipo (número inteiro).

 

Já o uso de dois sinais “==” verifica se os valores são iguais, mas sem se importar com o tipo das variáveis que ele está comparando.

Operadores de Desigualdade  !=

Para verificar se um valor é diferente do outro, utilizamos o operador “!=”

Resumo dos operadores de comparação

 

 

Operadores Relacionais >,<, <=, >=

Através dos operadores relacionais é possível verificar se um valor é maior (>) ou menor (<)  que outro.

Você também pode utilizar os operadores >= “maior ou igual que”; e <= “menor ou igual que”.

Resumo dos operadores relacionais

 


Estrutura condicional Switch

O switch permite montar uma estrutura de comparação mais fácil, sem o uso de vários else e if. Você deve declarar uma variável na função switch que será utilizada para a comparação.

Utilize a declaração case para declarar um dos valores que aquela variável pode conter e, em seguida, todas as ações que devem ocorrer caso a variável possua tal valor.

Por fim, adicione um break para definir o fim daquela ação.

 

Exemplo utilizando swith Exemplo utilizando if/else

Ficou com dúvidas? Estamos no Telegram
Junte-se ao Codare no GitHub 

Uncategorized

Customização e animação em botões utilizando CSS

Quer saber como implementar botões e estilizar utilizando CSS? Então acompanhe este post, você pode começar por aplicações mais simples e estudar o nosso material para avançar no conteúdo.