#7 Desvendando o JavaScript Statements #iniciante

Tempo de leitura: 6 minutos

Continuando nossa série desvendando o JavaScript, damos inicio ao nosso sétimo post, se você ainda você não leu os posts anteriores da série volte e leia!! irá ajudar você a compreender os conceitos que serão abordados e conhecer um pouco mais sobre a história do JavaScript.

Vamos agora falar um pouco mais sobre  Statements  no mundo JavaScript , os conceitos mais usados e como eles funcionam.

Statements

Ao escrever códigos em JavaScript, é muito útil você conhecer algumas de suas instruções(statements) mais comuns. Como if () onde você pode verificar uma determinada condição e for () onde permite que você passe por um conjunto de dados e execute alguma ação sobre o mesmo. Ambas são declarações muito comuns e você deve saber como elas funcionam.

Essas instruções são comuns a todas as linguagens de programação, portanto, se você as compreende para JavaScript, as compreenderá para todas as outras linguagens e nunca precisará aprender os conceitos novamente, apenas a sintaxe específica da linguagem de programação ao qual você estará trabalhando.

Categorias de statements

Para tal dando sequencia em nosso raciocínio, precisamos conhecer as categorias dos statements que além das instruções padrões, como alterar o valor de uma variável, atribuir um novo valor ou chamar uma função como já vimos nos posts anteriores desta série, há categorias de statements que são distintas em sua finalidade. Vamos falar a visão geral de cada uma desses categorias neste artigo:

  • Condicionais;
  • Loop;

Condicionais

Se você ganhasse na loteria, provavelmente deixaria seu emprego. Essa última declaração é uma instrução condicional if que é muito usada em programação. Se a condição (ganhar na loteria) for verdadeira(true) , então algo acontece (você sai do seu emprego). Se a condição for falsa(false) (você não ganhou na loteria), então você provavelmente não tomará essa ação (sair do seu emprego). As instruções condicionais são usadas para controlar seus scripts para que ações diferentes possam ser tomadas dependendo da situação. Você pode querer exibir uma imagem especial em sua home page durante os feriados. Essa condição dependeria de qual dia seria, caso fosse um feriado, então uma imagem de feriado especial seria exibida para seus visitantes. Sem o conhecimento adequado da declaração condicional, seus scripts não serão tão vivos ou dinâmicos quanto poderiam ser.

if

Por exemplo, suponha que você leia a renda anual de um usuário em um formulário e o coloque na renda variável. Agora, se a renda for superior a R$ 100.000, você deseja informar o usuário de algum benefício especial para pessoas com grandes rendimentos. Então o código poderia ser da seguinte forma:

var income = [valor inserido através de um fomumário];

if (income > 100000) {
    alert('Nós podemos oferecer-lhe um benefício especial.');
}




O código é muito simples: você pega a renda e a compara a 100.000. Se for maior (>), se a condição (renda > 100.000) for atendida, o código entre as chaves {} será executado. Se a condição não for atendida, nada acontece.

else if

Agora, suponha que você também queira ver se o usuário tem uma casa própria. Se ele faz, mas ainda tem uma renda inferior a R$ 100.000, você quer informá-lo sobre outras possibilidades interessantes. Se você quiser verificar a própria casa somente se a renda não for maior que R$ 100.000, você terá que usar este código:

var income = [valor inserido através de um fomumário];

if (income > 100000) {
    alert('Nós podemos oferecer-lhe um benefício especial.');
}else if (income < 100000 ) {
    alert('Ainda temos algumas ofertas');
}

Com if-else, se você puder definir várias condições que são verificadas, uma após a outra, até que o script encontre uma condição verdadeira. Então o bloco abaixo da condição verdadeira é executado. Depois que um bloco é executado, o script ignora qualquer subquente. Nesse caso, o script primeiro verifica se a receita é maior que 100.000. Se não for, ele verifica (else if) se o usuário possui uma casa.

else

Agora, suponha que você queira pedir desculpas àquelas pessoas que têm uma renda inferior a R$ 100.000 e não têm casa. Você pode adicionar o seguinte código abaixo do último caso se:

else {
    alert ('desculpas não possuimos propostas para você');
}

Ficando assim :

var income = [valor inserido através de um fomumário]

if (income > 100000) {
    alert('Nós podemos oferecer-lhe um benefício especial.');
}else if (income < 100000 ) {
    alert('Ainda temos algumas ofertas');
}else {
    alert ('desculpas não possuimos propostas para você');
}

Este else significa que em todos os outros casos. Se nenhuma das condições acima for satisfeita, este bloco de código é executado.

switch

Uma instrução switch pode substituir vários if() por verificações. Ele oferece uma maneira mais descritiva de comparar um valor com várias variáveis. Reescrevendo nosso código acima ele ficaria assim:


var income = [valor inserido através de um fomumário];

switch (income) 
{ 
   case (income > 100000): 
       alert('Nós podemos oferecer-lhe um benefício especial.');
       break; 
    case (income < 100000 ): 
       alert('Ainda temos algumas ofertas');; 
       break; 
    default: 
       alert ('desculpas não possuimos propostas para você');
} 

  • Se a igualdade for encontrada, o switch começa a executar o código a partir do case correspondente, ou até o próximo break (ou até o final do switch).
  • Se nenhum caso for correspondido, o default padrão será executado (se existir).

Loop

Uma instrução de loop verifica se alguma condição é verdadeira e, se essa condição for verdadeira, executa uma parte do código. Depois que o código é executado, a condição é verificada novamente. Se for verdade, o processo recomeça, se for falso, o loop é interrompido e o restante do código continua.

for

for (var i=0;i<5;i++) {
    alert('i = ' + i);
}

O código acima é um loop for que fornece alertas com os números 0,1,2,3 e 4. Como você pode ver, o alerta fornece o valor de i uma variável declara internamente portando seu escopo é somente dentro do for e esse valor vai de 0 a 4. Isso é causado pela instrução for.

for/in

var person = {nome:"João", nome:"Maria", idade:25}; 

var text = "";
var x;

for (x in person) {
  text += person[x];
}

A instrução acima faz um loop pelas propriedades de um objeto, no caso  person.

while

while (i < 10) {
  text += "The number is " + i;
  i++;
}

Percorre um bloco de código enquanto uma condição especificada é verdadeira.

do/while

do {
  text += "The number is " + i;
  i++;
}
while (i < 10);

Também percorre um bloco de código enquanto uma condição especificada é verdadeira.

No próximo post da série abordaremos Herança este será o ultimo da série Desvendando o JavaScript serão abordados conceitos práticos e fundamentos, as boas e más práticas de programação.

gostou do conteúdo? não deixe de seguir a uebile nas redes sociais, pois toda semana tem post novo aqui no blog com mais dicas para o seu impulso digital.