Programação

Aula

Condicionais If, Else e Switch no Javascript

, editado , Comment regular icon0 comments

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.

Ad

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");

| }