Uzyskaj licznik/indeks pętli za pomocą… składni w JavaScript

For… pętli w JavaScript to nowy konstrukt pętli, który został wprowadzony w EcMascript 6 (ES6) i jest używany do iteracji obiektów iterowalnych, takich jak „tablice”,„smyczki", I "Mapy". Warto zauważyć, że… Pętla nie zapewnia bezpośredniego dostępu do indeksu/licznika iteracji. Jeśli chcesz odzyskać indeks lub licznik, możesz użyć dla… pętli w połączeniu z „Szyk.wpisy ()" metoda.

Ten blog zdefiniuje sposób, aby uzyskać licznik pętli za pomocą „Dla… oF ”Pętla w JavaScript.

Jak uzyskać licznik/indeks pętli za pomocą… składni w JavaScript?

Użyj "szyk.wpisy ()”Metoda uzyskania licznika lub indeksów pętli. Daje nowy obiekt iterator zawierający pary klucza/wartości tablicy dla każdego indeksu.

Składnia

Postępuj zgodnie z podaną składnią, aby uzyskać licznik pętli za pomocą „Dla…" pętla:

for (const [i, e] arr arr.wpisy ())
//…

Tutaj, "I" reprezentuje "indeks" I "mi„Oznacza„ ”elementy”Tablicy:

Przykład

Utwórz tablicę o nazwie „arr”:

const ar = [„alpha”, „beta”, „gamma”];

Iteruj tablicę za pomocą for… pętli:

dla (const i ARR)
konsola.log (i);

Można zaobserwować, że konsola.Metoda log () po prostu wydrukuje wartości tablicy:

Aby uzyskać liczbę lub indeksów pętli, wywołamy metodę wpisów () z tablicą w… pętli, która wydrukuje elementy tablicy z liczbą pętli lub indeksami elementów w pary klucza/wartości:

for (const [i, e] arr arr.wpisy ())
konsola.log (i, e);

Wyjście wskazuje, że elementy tablicy są drukowane z liczbą pętli lub indeksami elementów:

Możesz także wyświetlić licznik pętli lub indeksy z elementami za pomocą notacji dosłownej (backticks) w konsoli.Metoda log ():

Opracowaliśmy wszystkie niezbędne informacje związane z uzyskaniem licznika/indeksu pętli za pomocą… pętli w JavaScript.

Wniosek

Aby uzyskać licznik pętli lub indeksy pętli, użyj „szyk.wpisy ()„Metoda z„Dla…" pętla. Daje nowy obiekt iterator zawierający pary klucza/wartości tablicy dla każdego indeksu. Ten blog zdefiniował metodę uzyskania licznika pętli za pomocą „Dla… oF ”Pętla w JavaScript.