Obtenha o contador/índice de loop usando para… de sintaxe em javascript

O para ... de loop em JavaScript é uma nova construção de loop que foi introduzida no ECMAScript 6 (ES6) e é usada para iterar objetos iteráveis, como “matrizes","cordas", e "mapas”. Vale a pena notar que o para ... de loop não fornece acesso direto ao índice/contador da iteração. Se você deseja recuperar o índice ou contador, pode usar o… do loop em conjunto com o “Variedade.entradas ()”Método.

Este blog definirá o caminho para obter o contador de loop usando o “para… oF ”Loop em JavaScript.

Como obter contador/índice de loop usando para… de sintaxe em javascript?

Use o "variedade.entradas ()”Método para obter o contador de loop ou índices. Ele fornece um novo objeto iterador que contém os pares de chave/valor da matriz para cada índice.

Sintaxe

Siga a sintaxe dada para obter o contador de loop usando “para de" laço:

para (const [i, e] de arr.entradas ())
//…

Aqui, "eu" representa o "índice" e "e"Indica o"elementos”De uma matriz:

Exemplo

Crie uma matriz chamada “arr”:

const arr = ['alfa', 'beta', 'gama'];

Itera a matriz usando o para… de loop:

para (const i de arr)
console.log (i);

Pode -se observar que o console.O método log () apenas imprimirá os valores de uma matriz:

Para obter a contagem ou índices de loop, chamaremos o método de entradas () com uma matriz no loop para… que imprimirá os elementos da matriz com a contagem de loop ou os índices dos elementos no par de chaves/valores:

para (const [i, e] de arr.entradas ())
console.log (i, e);

A saída indica que os elementos de uma matriz são impressos com a contagem de loop ou os índices de elementos:

Você também pode exibir o contador de loop ou os índices com os elementos usando a notação literal (backticks) no console.Método Log ():

Compilamos todas as informações essenciais relacionadas à obtenção do contador/índice de loop usando o… do loop em JavaScript.

Conclusão

Para obter o contador de loop ou os índices do loop, use o “variedade.entradas ()”Método com o“para de" laço. Ele fornece um novo objeto iterador que contém os pares de chave/valor da matriz para cada índice. Este blog definiu o método para obter o contador de loop usando o “para… oF ”Loop em JavaScript.