Ottieni il contatore/indice del loop usando per ... di sintassi in javascript

Il per ... di Loop in JavaScript è un nuovo costrutto ad anello che è stato introdotto in ECMAScript 6 (ES6) ed è usato per iterare su oggetti iterabili, come "array","stringhe", E "mappe". Vale la pena notare che il per ... di loop non fornisce accesso diretto all'indice/contatore dell'iterazione. Se si desidera recuperare l'indice o il contatore, puoi usare il per ... di loop insieme a "Vettore.inserimenti()" metodo.

Questo blog definirà il modo per ottenere il contatore del loop usando "per ... of ”loop in javascript.

Come ottenere il contatore/indice del loop usando per ... di sintassi in javascript?

Usa il "vettore.inserimenti()"Metodo per ottenere il contatore del loop o gli indici. Fornisce un nuovo oggetto iteratore contenente le coppie chiave/valore dell'array per ciascun indice.

Sintassi

Segui la sintassi data per ottenere il contatore del loop usando "per ... di" ciclo continuo:

per (const [i, e] di arr.inserimenti())
// ..

Qui, "io"Rappresenta il"indice" E "e"Indica il"elementi"Di un array:

Esempio

Crea un array chiamato "arr":

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

Itera l'array usando il per ... di loop:

per (const i di arr)
console.log (i);

Si può osservare quella console.Il metodo log () stamperà semplicemente i valori di un array:

Per ottenere il conteggio o gli indici del loop, chiameremo il metodo delle voci () con un array nel per ... di loop che stamperà gli elementi dell'array con il conteggio del loop o gli indici degli elementi in coppia chiave/valore:

per (const [i, e] di arr.inserimenti())
console.log (i, e);

L'output indica che gli elementi di un array sono stampati con il conteggio del loop o gli indici degli elementi:

È inoltre possibile visualizzare il contatore del loop o gli indici con gli elementi usando la notazione letterale (backticks) nella console.Metodo log ():

Abbiamo compilato tutte le informazioni essenziali relative a ottenere il contatore/indice del ciclo utilizzando il per ... di loop in JavaScript.

Conclusione

Per ottenere il contatore del ciclo o gli indici del ciclo, usa il "vettore.inserimenti()Metodo "con il"per ... di" ciclo continuo. Fornisce un nuovo oggetto iteratore contenente le coppie chiave/valore dell'array per ciascun indice. Questo blog ha definito il metodo per ottenere il contatore del loop usando "per ... of ”loop in javascript.