Programação

Aula

Condicionais If, Else e Switch no Javascript

, editado 0Comment Regular Solid icon0Comment iconComment iconComment iconComment icon

Vamos continuar entendendo conceitos básicos de Javascript, desta vez conceitos que nos permite interagir com as variáveis criadas

Edit Article

Condicionais if e else

Usamos os Controles de Fluxo if/else para avaliar as condições que são postas na estrutura do código. As condições são sequencias que devem ser avaliadas em True ou False.

Começamos declarando que iremos começar a impor uma condição com a palavra IF. Depois colocamos a condição, preferencialmente entre parênteses (). Se satisfazer a condição, iremos para o resultado. O resultado deve estar entre colchetes {}.

A condição é checada, usa-se dois sinais de igual para igualdade (==) e maior que (>) ou menor que (<) para comparações.

Exemplo:

| if ( condição ) {

| console.log("verdadeiro");

| }

Você pode adicionar else para pegar todos os casos que são falsos:

| if (true) {

| console.log("verdadeiro");

| } else {

| console.log("Falso");

| }

Você pode por condicionais dentro uma da outra:

| if (5>4) {

| if (3>2) {

| console.log("verdadeiro");

| } else {

| console.log("verdadeiro");

| }

| } else {

| console.log("Falso");

| }

Você pode por mais de uma opção de if seguido uma da outra:

| var semaforo = "amarelo";

| var mensagem;

| if (semaforo == "verde") {

| mensagem = "Pode passar";

| } else if (semaforo == "vermelho") {

| mensagem = "Pare";

| } else {

| mensagem = "Atenção";

| }

União ou interseção

Também é possível ter múltiplas comparações usando "&&" para interseção e "||" para união.

| var idade = "16";

| var tipo;

| if (idade >= 80 || idade < 15) {

| tipo = "dependente";

| } else if (idade < 18 && idade >= 15) {

| tipo = "adolescente";

| } else {

| tipo = "adulto";

| }

If ternário

Você pode fazer esse código de forma compacta. Isso é chamado de if ternário. Seria da seguinte forma:

| condicao ? código1 : código2

Veja um exemplo:

| var nome;

| console.log( nome ? 'Olá ' + nome : 'Digite um nome' );

Esse código tem o mesmo efeito deste:

| var nome;

| if ( nome ) {

| console.log("Olá " + nome);

| } else {

| console.log("Digite um nome");

| }

Switch

O Switch é um método do Javascript que ajuda a programar diversas condições. Pode muito bem ser substituído por Ifs dentro um do outro, mas é mais claro e bonito de se usar.

| autenticado = true;

| switch (autenticado) {

| case true:

| console.log("Usuário logado");

| break;

| case false:

| console.log("Usuário não autenticado");

| }