Pular para o conteúdo principal

Postagens

Mostrando postagens com o rótulo loop

JS - Saltos

Saltos são formas de interromper um fluxo de instruções, onde somos capazes de parar, pular ou mesmo ignorar uma certa linha de execução. Dois deles já foram vistos, um é o "return" que podemos interromper o fluxo de execução de uma função, evitando a continuidade de um trabalho, o outro é o "break" utilizado para o encerramento de verificação dentro da condicional "switch". Temos ainda o "continue" que apenas descarta o fluxo atual de execução, direcionando para a próxima instrução válida. return No exemplo abaixo criaremos uma função que recebe um número, se o número for par daremos um salto interrompendo a execução dos comandos restantes: function saltoReturn(a) {   if (a % 2 === 0)     return 'Par';   return 'Impar'; }  break No próximo exemplo usaremos o "break" em um "loop", onde iremos percorrer de um a cinco e encerrar as repetições assim que o número tres for encontrado:

JS - Estruturas de repetição - for in

Até aqui vimos estruturas de repetição que, dado uma lógica, executa "n" vezes um bloco de código, o "for in" por sua vez é um pouco diferente, ele é usado para percorrer propriedades de um objeto, nos permitindo acesso ao nome de cada propriedade. Isso é bastante útil se pensarmos que podemos acessar e alterar valor de propriedades utilizando seu nome. Sintaxe for ( var  "< item atual >" in "< objeto >") {   "< instrucoes >" } Exemplo No exemplo abaixo iremos declarar um objeto com três propriedades, em seguida iremos percorre-las para mostrar os valores atuais e alterar os mesmos:

JS - Estruturas de repetição - do / while

Diferente das outras estruturas de repetição, o "do / while" sempre executa ao menos uma iteração da repetição, isso porque o teste para definir a continuidade do "loop" fica no final do comando. Outra peculiaridade desse comando é a necessidade de um ";" para indicar o fim da instrução. Sintaxe do {   "< instrucao >" } while ( "< condicao >" ); Exemplo Agora iremos repetir a impressão de uma variável enquanto seu valor for menor que dez, como ela inicia em zero e a cada iteração é incrementado um, serão impressos os números de zero a nove: Exemplo de uma iteração No exemplo abaixo continuaremos com a mesma validação, onde a variável deve ser menor que dez, só que dessa vez o valor dessa variável será dez, ou seja, já iniciará inválida, como essa verificação só ocorre ao final do comando teremos uma iteração:

JS - Estruturas de repetição - for

A exemplo do que já foi visto com o "while", o "for" nos permite repetir a execução de instruções dado uma lógica, a diferença é que com o "for" podemos definir todo lógica dessa repetição já dentro do comando, onde devemos informar o contador inicial, sua condição de saída e uma instrução que nos diga como o contador trabalha-rá, seja incrementando ou decrementando. Sintaxe for ( "inicio", "condicao de término", "expressao final" ) Exemplos Vamos construir um "loop" que repete dez vezes: for (var x = 0; x < 10; x++) {     console.log(x); } Podemos também ter mais de uma variável na estrutura, elaborando um pouco mais nosso controle: for (var x = 0, y = 1; x < 10 && x < y; x++, y++) {     console.log('x:' + x + ' y:' + y); }

JS - Estruturas de repetição - while

Estruturas de repetição (loop) repetem a execução de determinadas instruções enquanto a condição de parada não for atendida. É muito importante ter isso em mente, pois, uma estrutura de repetição com uma lógica errada pode levar o browser ao travamento, caso a condição de saída nunca seja atendida. Sintaxe Aqui temos a palavra reservada "while" seguida da condição de parada: while( "condição parada" ) {      "instruções a serem executadas enquanto condição de parada não for atendida"  } Exemplo Vamos exemplificar com a seguinte lógica, será criada uma variável e enquanto essa variável for menor que o valor dez deverão ser executadas o "print" do valor dessa varável e ela deve ser incrementada: var count = 0; while( count < 10 ) {     console.log(count);     count++; } Exemplo usando o conceito "truthy/falsy" Sabemos que o valor zero (0) é "falsy", logo caso seja necessário criar