Análise abrangente dos métodos de loop em JavaScript ForEach, para-in, para

O JavaScript é uma linguagem de script literal, que é uma linguagem dinâmica, fraca e baseada em protótipo, com tipos de suporte interno. Seu intérprete é chamado de mecanismo JavaScript. Faz parte do navegador e é amplamente utilizado na linguagem de script do cliente. Ele foi usado pela primeira vez no HTML (um aplicativo nas páginas da Web padrão da linguagem de marcação universal) para adicionar funções dinâmicas às páginas da Web HTML.

O JavaScript nasceu há mais de 20 anos, e o método que estamos usando para fazer uma matriz é o seguinte:

 for (var index = 0; index <myarray.length; index ++) {console.log (myArray [index]);}

Desde o JavaScript5, começamos a usar o método integral foreach :

 myArray.ForEach (function (value) {console.log (value);});

O método de escrita é muito mais simples, mas também possui suas deficiências: você não pode interromper o loop (usando instruções ou usando instruções.

Há também um método de loop em JavaScript:.

O loop for-in é realmente projetado para os objetos "enumeráveis" em loop:

 var obj = {a: 1, b: 2, c: 3}; para (var prop no obj) {console.log ("obj." + prop + "=" + obj [prop]);} // output: // "obj.a = 1" // "obj.b = 2" // "obj.c = 3"

Você também pode usá -lo para fazer uma matriz:

 para (var índice em MyArray) {// this Console.log (MyArray [index]);}

Não é recomendável usar para o loop de uma matriz, porque, diferentemente dos objetos, o índice de uma matriz é diferente das propriedades comuns do objeto e é um importante indicador de sequência numérica.

Em resumo, para in é um método usado para percorrer objetos com teclas de string.

para o loop

O JavaScript6 apresenta um novo método de loop, que é o loop para formas, que é mais simples que o tradicional para loop e, ao mesmo tempo, compensa as deficiências de foreach e loops.

Vamos dar uma olhada na sua sintaxe para a sua:

 para (Var Value de MyArray) {Console.log (Value);}

A sintaxe do for-of parece muito parecida com o for-in, mas tem funções muito mais ricas e pode fazer muitas coisas.

Exemplo de uso de loop:

 Let Iterable = [10, 20, 30]; para (Let Value of Iterable) {Console.log (valor);} // 10 // 20 // 30

Em vez disso, podemos usá -lo, por isso se torna uma variável estática não modificada no loop.

 deixe iterável = [10, 20, 30]; para (valor const de iterable) {console.log (valor);} // 10 // 20 // 30

Loop uma string:

 let iterable = "boo"; para (deixe o valor de iterável) {console.log (value);} // "b" // "o" // "o" let iterable = new uint8array ([0x00, 0xff]); para (valor de itemerable) {console.log ([); 2], ["c", 3]]); para (vamos [chave, valor] de iterable) {console.log (value);} // 1 // 2 // 3for (deixe a entrada de iterável) {console.log (entrada]; iterable) {console.log (valor);} // 1 // 2 // 3

Loop uma coleção DOM

Looping A DOM Coleções, como o NodeList. Discutimos como fazer loop uma lista de nodelas antes. Agora é conveniente, você pode usar o loop para for-do-off diretamente:

 // Nota: Isso funcionará apenas em plataformas que têm // implementou nodelist.prototype [símbolo.iterator] Deixe o artigoParagraphs = document.QuerySelectorall ("Artigo> p"); para (para (parágrafo de ArtigoParagraphs) {paragraph.classlist.add ("leia);}}

Loop um objeto com um atributo enumerável

O loop forof não pode ser usado diretamente em objetos comuns, mas se formos um loop de acordo com as propriedades que o objeto possui, podemos usar o método de objeto.Keys ():

 for (var chave de object.Keys (somebject)) {console.log (key + ":" + algumObject [key]);}

Loop um gerador

Podemos dar um loop através de um gerador:

 função* fibonacci () {// um gerador functionLetLetLet [prev, curr] = [0, 1]; while (true) {[prev, curr] = [curr, prev + curr]; rendimento curr;}} para (deixe n de fibonacci ()) {console.log (n); // truncatar a sequência em 1000f (n> {console.log (n); »;