Javascript Loops - um guia para iniciantes absolutos

Na computação, quase todas as linguagens de programação suportam a idéia de loops. Na computação, os loops são um conjunto de instruções que permitem ao programador fazer algo repetidamente de uma maneira rápida e eficiente. Loops itera/executar repetidamente através de um bloco de código até que uma certa condição seja atendida.

Todas as linguagens de programação de alto nível fornecem vários tipos diferentes de loops. A sintaxe desses loops pode ser diferente, mas eles são usados ​​para executar as mesmas tarefas. Esses loops são intercambiáveis, mas alguns são especificamente construídos para serem usados ​​em algumas condições específicas.

Os loops mais populares presentes na maioria das linguagens de programação são para e enquanto rotações; Aqui vamos discuti -los junto com suas extensões presentes no JavaScript:

Como usar o loop for in javascript

O loop mais simples e comumente usado em JavaScript é o para laço; para Loops são preferidos em outros loops quando o programador sabe o número definido de vezes que o loop vai correr.

Vamos dar uma olhada na sintaxe do para loop para entender o porquê:

para (inicialização; condição; modificação variável)
// declarações de código a serem executadas

O para Loop leva três argumentos, inicialização, condição e modificação variável:

• O primeiro argumento eu.e. inicialização corre apenas uma vez antes da execução do loop; Ele inicializa uma variável que é usada na condição para o loop.
• O segundo argumento eu.e. doença é avaliado antes de cada iteração; o loop termina quando essa condição é satisfeita.
• O terceiro e o último argumento modificação variável é usado para modificar o valor da variável usada em condição após cada iteração do loop.

Os argumentos do para Loops especificam o número definido de iterações que ele vai correr. Eles especificam o ponto de partida (inicialização) e o ponto final (condição) do loop. Embora todos os argumentos sejam opcionais (o para O loop será executado mesmo se você não especificar a condição), no entanto, não é recomendável deixar o argumento da condição vazio, pois criará um loop infinito que pode travar seu navegador.

Agora vamos tentar um exemplo para entender melhor para laço:

Observação: O console do navegador é usado para a demonstração de exemplos neste artigo.

Neste exemplo, contaremos de 10 a 1 usando um para laço:

para (let index = 10; index> = 1; index--)
console.log (índice);

No exemplo acima:

• Índice é inicializado para 10
• Então a condição é verificada, pois o índice é maior ou igual a 1 condição é verdadeiro O loop é executado e o valor do índice é impresso no console
• Após a primeira iteração, o índice A variável é diminuída por um. O - operador reduz o valor do índice por um.
• Então a condição é novamente verificada; Como a condição ainda é verdadeira, o loop é novamente executado.

Este processo continua recorrente enquanto a condição para o loop permanecer verdadeira. Quando o valor do índice Recheas 0, a condição maior ou igual a 1 não é mais verdadeira e o loop termina.

Podemos executar qualquer operação na variável no último argumento do para Declaração de loop:

para (deixe o índice = 2; índice < 500; index*=2)
console.log (índice);

Como usar enquanto loop em javascript

Enquanto Os loops aceitam apenas um argumento que é a condição para o loop:

Eles são usados ​​principalmente quando o código precisa executar um número desconhecido de vezes até que a condição seja satisfeita:

while (condição)
// Declarações

Vamos dar uma olhada em um exemplo em que geraremos um número aleatório usando o Matemática.aleatório() método dentro do loop; O loop continuará correndo até o Matemática.aleatório() O método produz um número ímpar:

runloopagain = true;
while (runloopagain)
num = matemática.aleatório().tofixado (1)*10;
se (num % 2 != 0)
runloopagain = false;

console.log (num);

No exemplo acima, declaramos primeiro um booleano nomeado runloopagain e atribuiu um valor que eu.e verdadeiro. O loop while avalia a condição antes da execução do loop; como a variável runloopagain é a condição do loop e é verdadeira o loop while é executado. Dentro do corpo do enquanto Loop que usamos o aleatório Método do Matemática objeto junto com o .tofixado método para obter um número aleatório entre zero e nove. Então usamos uma declaração condicional para verificar se o número é divisível por dois (para verificar se é par ou ímpar). Se o número for estranho, então o runloopagain A variável se tornará falsa e o loop terá rescisão, caso contrário, a variável/condição permanecerá verdadeira e o loop continuará sendo executado.

As tarefas que executamos nos exemplos acima usando o para Loop também pode ser realizado com enquanto laço:

deixe i = 10;
while (i> = 1)
console.log (i);
eu--;
deixe i = 2;
enquanto eu < 500)
console.log (i);
i*= 2;

Como usar a declaração de quebra no loop

As declarações de quebra podem ser usadas dentro do corpo do loop para encerrar o loop. Vejamos um exemplo:

deixe i = 2;
enquanto eu < 20)
if (i % 5 == 0)
quebrar;

console.log (i);
i+= 2;

Neste exemplo, usei um enquanto Loop para imprimir todos os números uniformes que são menores que 21, mas estou recebendo apenas números inferiores a 9; por que é que? Isso ocorre porque eu usei uma declaração de quebra que encerra o loop se o número par for um múltiplo de 5. Podemos usar a declaração de quebra para ter condições diferentes para o término de um enquanto Faça um loop dentro do corpo do loop:

Como usar a declaração continuação no loop

A declaração continuação é usada para pular uma iteração e passar para o próximo enquanto laço. Por exemplo, se queremos pular o número que é um múltiplo de 5 em vez de apenas encerrar o loop no exemplo acima, usaremos a instrução continuação:

deixe i = 2;
enquanto eu < 21)
if (i % 5 == 0)
i+= 2;
continuar;

console.log (i);
i+= 2;

Como você pode ver isso 5, 10 e 20 estão faltando porque são múltiplos de 5, além de serem números uniformes.

Como usar o Faz enquanto Loop em JavaScript

O loop do Do While é construído em cima do loop while, o que significa que é uma extensão do que o loop.

Enquanto o loop, a condição é avaliada antes da execução do corpo do loop, enquanto o DO enquanto o loop faz o oposto e o verifica após a execução do corpo do loop.

runloopagain = true;
while (runloopagain)
num = matemática.aleatório().tofixado (1)*10;
se (num % 2 != 0)
runloopagain = false;

console.log (num);

Neste exemplo, dado acima, tivemos que declarar e inicializar o runloopagain variável diante do corpo do loop porque o enquanto O loop avalia a condição antes da iteração.

O fazer enquanto O loop verifica a condição após cada iteração; portanto, se tivermos certeza de que queremos executar o código presente dentro do loop pelo menos uma vez, então usamos o fazer enquanto laço. Como temos certeza neste exemplo de que precisamos pelo menos gerar um número aleatório antes de verificar se é par ou estranho, uma maneira melhor de escrever seria:

fazer
num = matemática.aleatório().tofixado (1)*10;
console.log (num);
while (num % 2 == 0);

Como usar o para in, para de e forach loops em javascript

O para in, para de e para cada Loops em JavaScript são uma extensão do para laço. Aqui discutiremos todos eles; O para in O loop é usado para iterar sobre as propriedades de um objeto. Cada iteração do para in O loop retorna uma chave que pode ser usada para acessar o valor da chave:

var funcionário = FirstName: "Mary", LastName: "Jane", Idade: 33, ID: 092, Departamento: "Educação";
para (deixe p em funcionário)

console.log (p);
console.log (funcionário [p]);

Se o loop for aplicado a uma matriz, ele retornará o índice de cada elemento. Se queremos obter o valor presente em cada índice, podemos usar o para de laço.

var num = [5, 6, 7, 8, 9];
para (deixe D de num)

console.log (d);

O para de O loop é usado para percorrer objetos iteráveis, como matrizes, mapas, strings etc. Se usarmos o para de Loop em uma string, então ele retorna um caractere da string cada iteração:

var greet = "Bem -vindo ao Linux Dica!";
para (deixe C de Greet)

console.log (c);

O .para cada() O loop é usado para executar uma ação específica em cada elemento da matriz; Ele se enquadra nos elementos da matriz e chama uma função uma vez para cada elemento.

O .para cada() O Loop assume uma função de retorno de chamada como um argumento que leva ainda três argumentos, dois dos quais são opcionais; O único argumento necessário é o valor do elemento atual. O índice do elemento e toda a matriz em si podem ser dadas como argumentos para a função de retorno de chamada também. Agora vamos ver um exemplo em que usamos o .para cada() Faça um loop para multiplicar cada elemento da matriz por dois e imprimi -lo no console:

Var Numbers = [99, 85, 788, 2, 255, 598];
números.foreach (função (valor)

console.log (valor + " * 2 =" + valor * 2);
)

Conclusão

Loops são declarações de fluxo de controle que são usadas para reduzir a ineficiência do código e escrever um código mais conciso. Eles são uma das parte mais fundamental de qualquer linguagem de programação de alto nível de alto nível. Neste post, aprendemos tudo sobre loops em JavaScript; Usamos a sintaxe JavaScript para aprender sobre para e enquanto Loops junto com suas extensões. Além disso, o intervalo e continuam a declaração para enquanto Loops também foram discutidos.