Pois, para ... de e para… em loops em JavaScript | Explicado

Nas linguagens de programação, os loops são mais usados ​​para executar repetidamente um bloco ou pedaço de código por uma quantidade definida de vezes ou até que uma condição específica seja atendida. JavaScript não é diferente quando se trata de loops. Os loops tradicionais usados ​​em outras linguagens de programação são Por enquanto, e fazer enquanto que estão todos presentes no JavaScript também, mas com a chegada do ES6 algumas versões modificadas de Para Loops foram introduzidos. Estes foram "Para de" e "Para ... em " rotações. Nós vamos cobrir Para loop, para o loop, e Para o loop em detalhe.

Para loop em javascript

O loop mais comum e mais amplamente utilizado no JavaScript e provavelmente em todas as outras linguagens de programação também é o Para laço. Como já explicamos, esses loops são usados ​​para executar ou invocar repetidamente um pedaço de código até que uma condição específica seja atendida. Esta condição é passada dentro do segundo parâmetro do Para loop. Para o loop, é comumente usado quando temos uma estimativa aproximada de quantas vezes o loop vai correr. Com base nisso, definimos nossa condição.

Sintaxe de for loop

for (inicializar-variable; condição a ser-meta; expressão final)
// corpo do loop for

• Inicialize variável: Inicialize uma variável no primeiro parâmetro.
• Condição a ser-meta: Defina uma condição sobre a qual o loop itera.
• Expressão final: Tarefa de executar no final da iteração de Loop

Observação: Os parâmetros do loop for são separados por um semi-colon “; ”E são todos opcionais em JavaScript.

Exemplo: Vamos dar um exemplo em que precisamos imprimir os 10 primeiros dígitos a partir de um. Se fizermos isso sem um loop, nosso código será:

console.log (1);
console.log (2);
console.log (3);
console.log (4);
console.log (5);
console.log (6);
console.log (7);
console.log (8);
console.log (9);
console.log (10);

A saída:

A saída é exatamente o que queríamos, mas não é uma maneira eficiente de fazer isso. Vamos tentar usar o loop for para resolver o mesmo problema. O código é como:

para (vamos i = 0; i <=10 ; i ++)
console.log (i)

A saída é exatamente a mesma:

Se analisarmos o código, criamos uma variável de contador escopo em bloco "i" e inicializamos com um valor inteiro 0. No segundo parâmetro, definimos uma condição que queremos executar até que a variável do contador atinja o valor 10 e, no último parâmetro, definimos uma expressão final para aumentar essa variável contador em 1 sempre que o loop atingir o final de cada iteração.

Como trabalhar com matrizes usando o loop

Loops também podem ser usados ​​para iterar através de matrizes e seu valor, para demonstrar que precisaremos de uma matriz. Crie uma variedade de números com a seguinte declaração:

matriz = [1,5,88,24,25,137,37,28,173,222];

Vamos usar o loop acessar cada elemento dentro desta matriz e imprimir seu valor usando as seguintes instruções:

para (i = 0; i < array.length ; i++)
console.log (matriz [i]);

A saída é:

Observação: Usamos a condição, eu < array.length because the index of the last element in the array, will always be one less than the length of the array and that is because in arrays the index starts from zero

Podemos até usar o loop for para atravessar na matriz do último ao primeiro usando o código:

para (deixe i = matriz.comprimento-1; i> = 0; eu--)
console.log (matriz [i]);

Inicializamos a variável do contador com um valor menor que o comprimento dessa matriz para acessar o último elemento da matriz e começamos a reduzir a variável do contador em 1 em cada iteração. A saída é:

O loop for-of em javascript

O loop for-of é usado para iterar objetos iteráveis, esses objetos podem ser matrizes, conjuntos, objetos e até strings. O para ... de loop retorna o valor dos elementos dos objetos iteráveis:

Sintaxe do loop para for do

para (elemento da matriz)
// corpo do loop

• elemento: é o nome da variável que vamos dar a cada item na matriz.
• variedade: é a matriz que estamos atravessando

Para entender melhor o funcionamento do loop for-of, vamos fazer uma variedade de valores de variáveis:

Array = [1,4,56, "Cash", "Car", 63, 69, "Google", "Moon", "Mercury"];

Agora, use o loop para iterar através dos elementos usando as seguintes linhas de código:

para (elem de matriz)
console.log (elem);

A saída é:

Nós atravessamos os elementos da matriz usando o… de loop.

Looping através de uma string usando o loop para for para

Podemos usar o loop para passar por cada personagem de um valor de string. Para isso, vamos criar uma variável de string usando a seguinte declaração em JavaScript.

var sentença = "Bem -vindo ao Linuxhint!";

Agora, itera através de todos os personagens dessa variável usando os comandos:

para (char da frase)
console.log (char);

Recebemos a seguinte saída em nosso console:

Como você pode ver, com a ajuda do loop for-de.

O loop for-in:

O loop for-in é usado para iterar sobre as propriedades dos elementos dentro dos objetos iteráveis, para entender isso de uma maneira muito melhor, criamos um objeto que contém pares de valor-chave usando as seguintes afirmações:

const Pessoa = primeiro nome: "John", último nome: "doe", idade: 22, cidade: "newyork";

Vamos imprimir os valores "chave" desse objeto usando o para ... em… percorre essas declarações:

para (adereços pessoalmente)
console.log (adereços);

A saída é:

Como você pode ver, o loop for in acessa os nomes das propriedades dos itens.

Conclusão

O para loop é o loop mais amplamente utilizado; JavaScript vem com sua variação de loop, o para um loop para in, e a para o loop. Aprendemos sobre a sintaxe e o trabalho do para rotações. Depois disso, aprendemos sobre o para-in e a para de Loop e como eles funcionam e o que retornam junto com seus exemplos, e até aprendemos a diferença entre as duas variantes.