Obtener contador/índice de bucle usando para ... de sintaxis en JavaScript

El para ... del bucle en JavaScript es una nueva construcción de bucle que se introdujo en Ecmascript 6 (ES6) y se usa para iterar sobre objetos iterables, como "matrices","instrumentos de cuerda", y "mapas". Vale la pena señalar que el para ... de bucle no proporciona acceso directo al índice/contador de la iteración. Si desea recuperar el índice o el contador, puede usar el for ... de bucle junto con el "Formación.entradas ()" método.

Este blog definirá la forma de obtener el contador de bucle usando el "para ... obucle f "en JavaScript.

Cómo obtener el contador/índice de bucle usando para ... de sintaxis en JavaScript?

Utilizar el "formación.entradas ()Método para obtener el contador o índices de bucle. Da un nuevo objeto iterador que contiene los pares de clave/valor de la matriz para cada índice.

Sintaxis

Siga la sintaxis dada para obtener el contador de bucle usando "por ... de" bucle:

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

Aquí, "i" representa el "índice" y "mi"Denota el"elementos"De una matriz:

Ejemplo

Crear una matriz llamada "arrugado":

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

Iterar la matriz usando el para ... de bucle:

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

Se puede observar que la consola.El método log () solo imprimirá los valores de una matriz:

Para obtener el recuento o índices de bucle, llamaremos al método entradas () con una matriz en el for ... de bucle que imprimirá los elementos de la matriz con el recuento de bucle o los índices de los elementos en el par de clave/valor:

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

La salida indica que los elementos de una matriz se imprimen con el recuento de bucle o los índices de elementos:

También puede mostrar el contador de bucle o los índices con los elementos utilizando la notación literal (retroceso) en la consola.Método log ():

Hemos compilado toda la información esencial relacionada con obtener el contador/índice de bucle usando el para ... de bucle en JavaScript.

Conclusión

Para obtener el contador de bucle o los índices del bucle, use el "formación.entradas ()"Método con el"por ... de" bucle. Da un nuevo objeto iterador que contiene los pares de clave/valor de la matriz para cada índice. Este blog definió el método para obtener el contador de bucle usando el "para ... obucle f "en JavaScript.