Jak zapętlić/iterować za pomocą tablicy w JavaScript

Pętle są kluczowymi elementami każdego języka programowania. Służą one do uruchamiania tego samego kodu lub logiki w cyklu. Zwykle pętle mają wartość indeksu, która jest inna za każdym razem, gdy pętla się powtarza. Istnieją różne rodzaje pętli dostępnych w JavaScript, które pomagają nam iterować nad tablicą. Tablica to kolekcja używana do przechowywania różnych elementów; Przykładem tablicy w JavaScript jest:

const Names = [„John”, „Chris”, „Harry”];

Aby uzyskać element z tej tablicy, po prostu podajemy indeks i nazwę tablicy:

konsola.log (nazwy [2]);

Zwróci to „Harry”, gdy indeksowanie rozpocznie się od 0.

Widzieliśmy, że możemy uzyskać element z tablicy, określając numer indeksu. Ale byłoby zbyt gorączkowe, gdyby w wyżej wymienionej tablicy było 100 nazwisk. Rozwiązaniem jest użycie pętli; Pętle mogą łatwo obsługiwać tablice z licznymi wpisami. Ten post koncentruje się na tym, w jaki sposób możemy używać pętli JavaScript do iteracji nad tablicą, aby być wydajnym programistą.

Notatka: Konsola przeglądarki służy do demonstracji przykładów w tym artykule.

Jak iterować za pomocą tablicy za pomocą JavaScript do pętli

A dla pętli jest pętlą, która powtarza działanie, o ile pewien stan jest prawdziwy. Kiedy warunek staje się fałszywy, pętla pęka. Składnia pętli w JavaScript jest podobna do tej w Javie lub C; Najprostszym dla składni pętli jest:

dla (inicjalizacja zmiennej; pewne warunek; zmienna przyrosty/spadki)
// jakiś kod do wykonania

Przykład iteracji przez pętlę dla tablicy to:

const Names = [„John”, „Chris”, „Harry”];
dla (niech indeks = 0; indeks < names.length; index++)
konsola.log (nazwy [2]);

Najpierw zadeklarowaliśmy tablicę nazwanych nazw, a następnie do pętli i zainicjowaliśmy zmienną o nazwie indeks wewnątrz pętli dla for for; Będzie to działać jako indeks tablicy. Następnie stawiamy warunek, że pętla powinna działać, aż będzie o jedna mniej niż długość tablicy i-E od 0 do 2 (łącznie 3 razy). Ostatni nawias mówi pętle, że dla każdego cyklu zwiększają wskaźnik o 1. W każdym cyklu pętli konsoli zarejestrowaliśmy elementy tablicy jeden po drugim za pomocą indeksu zmiennej, jaką jest indeks.

Mówiąc prosto, pętla zaczyna się od 0. indeksu, a następnie sprawdzana jest długość tablicy. Jeśli warunek jest prawdziwy, pętla uruchamia blok kodu, który znajduje się wewnątrz nawiasów, które jest rejestrowanie konsoli. Następnie zwiększa „indeks”, a następnie ponownie sprawdza warunek. Ten sam cykl powtarza się, aż określony warunek nie będzie już prawdziwy.

Jak iterować za pomocą tablicy za pomocą JavaScript podczas pętli

Składnie, JavaScript, podczas gdy pętla jest również podobna do C lub Java podczas pętli. Przykładem iteracji tablicy za pomocą pętli w JavaScript to:

const Names = [„John”, „Chris”, „Harry”];
indeks = 0;
When (indekskonsola.log (nazwy [indeks]);
indeks ++;

Jak iterować za pomocą tablicy za pomocą JavaScript dla/z pętli

Pętla/pętli służy również do zapętlania elementów/elementów tablicy:

const Names = [„John”, „Chris”, „Harry”];
dla (nazwa nazw)
konsola.log (nazwa);

Jak iterować za pomocą tablicy za pomocą pętli JavaScript Foreach

Metoda foreach () wywołuje lub wykonuje określoną funkcję wywoławczą dla każdego elementu w tablicy. To wymaga trzech argumentów; bieżący element/element, indeks i sama tablica.

const Names = [„John”, „Chris”, „Harry”];
nazwy.foreach (element =>
konsola.log (element);
);

W powyższym przykładzie użyliśmy funkcji strzałki, która przyjmuje bieżący element tablicy jako argument wewnątrz .Foreach () pętla do konsoli.Zaloguj każdy element.

Jak iterować za pomocą tablicy za pomocą metody map w JavaScript

Metoda MAP () iteruje tablicę, tworząc nową tablicę. Dla każdego elementu w oryginalnej tablicy wykonuje jakąś funkcję i.mi. Funkcja strzałki z NUM jako argumentem w podanym przykładu. Nie zmienia oryginalnej tablicy. Teraz załóżmy, że mamy szereg liczb od 1 do 5. Chcemy, aby każda liczba pomnożała się przez 2. Możemy to osiągnąć w następujący sposób:

Niech Tabela1 = [1,2,3,4,5];
Niech Tabela 2 = Tabela 1.map (num => num * 2);
konsola.log (Tabela 2);

Jak iterować tablicę przy użyciu każdej metody w JavaScript

Metoda every () testuje, czy każdy element tablicy przechodzi warunek zaimplementowany przez dostarczoną funkcję; Wykonuje funkcję raz dla każdego elementu. Zwraca prawdę lub fałsz w zależności od tego, czy każdy element przekazał test, czy nie:

const islessthanten = (currentValue) => CurrentValue < 10;
const ar = [1, 3, 4, 3, 5, 7];
konsola.log (ARR.każdy (Islessthanten));

Teraz, jeśli zmienimy tablicę w powyższym przykładzie:

const ar = [1, 3, 16, 3, 5, 7];

Wniosek

W tablicach JavaScript są typem danych, które są używane do przechowywania podobnych rodzajów danych; Dane te można łatwo uzyskać i manipulować za pomocą różnych pętli i metod dostarczonych przez JavaScript. W tym poście omówiliśmy podstawy iteracji nad tablicą w JavaScript. Omówiliśmy również iterację za pośrednictwem tablicy z, podczas gdy/of, Foreach () Loop, Map () i Every () Method.

To nie są jedyne metody, które można użyć do iteracji nad tablicą. Są jeszcze dziesiątki. Te, które rozmawialiśmy, są powszechnie używanymi metodami przez programiści iteracyjnych nad tablicą.