Różne sposoby iterację nad tablicą w JavaScript

W JavaScript iteracja przez tablicę jest bardzo ważna i można je osiągnąć przy użyciu różnych wbudowanych metod i pętli. Struktury zapętlania JavaScript, a także wbudowane metody tablicy, iterują każdy element tablicy. Tradycyjne pętle, takie jak pętla i pętla, są najprostszym i najłatwiejszym sposobem na iterację nad tablicą, podczas gdy metody tablicy, takie jak Filter (), map () itp. są używane do przejścia, a także do obsługi różnych funkcji w elementach tablicy.

Ten artykuł obejmie poniżej listy sposobów iterowania nad tablicą w JavaScript:

• Jak iterować tablicę za pomocą tradycyjnej pętli
• Jak iterować tablicę za pomocą metody JavaScript Foreach ()
• Jak iterować tablicę za pomocą pętli
• Jak używać… stwierdzeń do iterowania elementów tablicy
• Jak iterować elementy tablicy za pomocą funkcji map ()

Więc zacznijmy!

Jak iterować tablicę za pomocą tradycyjnej pętli?

W każdym języku programowania, w tym JavaScript, najpopularniejszy sposób na iterację nad tablicą jest pętla. Poniższy fragment pomoże ci zrozumieć składnię formy:

dla (inicjalizacja; warunek; przyrost/zmniejszenie)
//kod

Tutaj,

• „Inicjalizacja” określa, od czego rozpocząć pętlę.
• „Warunek” określa kryteria zakończenia pętli.
• Operator przyrostu i zmniejszania zwiększa lub zmniejsza wartość podanej zmiennej.

Przykład: iterowanie tablicy za pomocą pętli
W tym programie mamy szereg nazw uczniów i będziemy go iterować za pomocą pętli:

stdnames = [„Seth”, „Mike”, „Daniel”, „John”, „Bryn”];
dla (i = 0; i < stdNames.length; i++)
konsola.log („at index”, i, stdnames [i]);

W tym programie wykonaliśmy następujące zadania:

• Po pierwsze, stworzyliśmy tablicę składającą się z pięciu elementów.
• Następnie wykorzystaliśmy pętlę do iteracji wszystkich elementów danej tablicy.
• W obrębie pętli wykorzystaliśmy właściwość długości, aby znaleźć długość tablicy.
• Wreszcie wykorzystaliśmy konsolę.Metoda log () do wydrukowania każdego elementu danej tablicy.

W ten sposób możemy wykorzystać pętlę, aby iterować elementy tablicy w JavaScript.

Jak iterować tablicę za pomocą metody JavaScript Foreach ()

Metoda foreach () w JavaScript wywołuje funkcję wywołania zwrotnego dla każdego elementu danej tablicy. Poniższy fragment pomoże ci zacząć od metody Foreach ():

ArrayName.foreach ((item) =>
//kod
);

Przykład: iterowanie tablicy za pomocą metody foreach ()
Spójrzmy na poniższy blok kodu, aby zrozumieć, jak użyć metody foreach (), aby iterować tablicę w JavaScript:

var stdage = [15, 18, 20, 16, 17];
var string = "";
stdage.Foreach (drukowanie);
Funkcja prykta (wiek)
string = string + wiek + "\ n";

konsola.Log („Wiek ucznia:”);
konsola.log (ciąg);

• Po pierwsze, utwórz tablicę i pusty ciąg.
• Następnie użyj metody foreach () wraz z daną tablicą.
• Metoda foreach () wywołała funkcję „printage ()” dla każdego elementu tablicy.
• Funkcja „Printage” przechowywała wiek ucznia w zmiennej strunowej.
• Wreszcie wydrukował wiek ucznia na konsoli.

Tak działa metoda foreach () w JavaScript.

Jak iterować tablicę za pomocą pętli?

W JavaScript, pętla white może być używana do iteracji przez tablicę. Aby to zrobić, musimy postępować zgodnie z poniższą składnią:

inicjalizacja;
While (warunek)

//kod
przyrost/zmniejszenie;

Przykład: iterowanie tablicy za pomocą pętli

W tym programie będziemy iterować tablicę za pomocą pętli:

stdnames = [„Seth”, „Mike”, „Daniel”, „John”, „Bryn”];
i = 0;
podczas gdy ja < stdNames.length)
konsola.log („at index”, i, stdnames [i]);
I++

Powyższy program wykonał następujące zadania:

• Utworzył tablicę.
• Wykorzystywał pętlę while.
• Zainicjował pętlę z 0.
• Iterowane na każdym elemencie tablicy.
• Wydrukował bieżący wskaźnik i jego odpowiednią wartość.
• Wreszcie zwiększył zmienną.

Wyjście zweryfikowało działanie pętli while w JavaScript.

Jak używać… stwierdzeń do iterowania elementów tablicy?

For… Loop/Instrukcja to nowy dodatek w JavaScript wprowadzony w najnowszych wersjach ES6. Umożliwia nam zapętlanie/iterowanie nad obiektami iterowalnymi, takimi jak tablice, struny, zestawy i tak dalej. Rozważ poniższy fragment, aby zrozumieć składnię dla… stwierdzeń:

dla (zmienna iterable)
// kod

Przykład: iterowanie tablicy za pomocą… stwierdzeń
Ten przykładowy program zapewni głębokie zrozumienie dla… stwierdzeń:

var stdage = [16, 18, 19, 16, 17];
var string = "";
dla (var wiek stdage)
string = string + wiek + "\ n";

konsola.Log („Wiek ucznia:”);
konsola.log (ciąg);

Powyższy program obsługiwał poniżej na liście funkcjonalności:

• Utworzył tablicę i pusty ciąg.
• Wykorzystano dla… stwierdzeń.
• Iterowane przez każdy element tablicy.
• Przechowywał wiek ucznia w zmiennej strunowej.
• Wreszcie wydrukował wiek ucznia na konsoli.

Wyjście zweryfikowało działanie dla… instrukcji w JavaScript.

Jak iterować elementy tablicy za pomocą funkcji map ()?

W JavaScript funkcja map () może być użyta do uzyskania nowej tablicy zmapowanych elementów. Metoda map () wywołuje funkcję dla każdego elementu tablicy.

Poniżej będzie składnia metody tablicy mapy ():

ArrayName.mapa (funkcjonalna nazwa);

Przykład: iterowanie tablicy za pomocą metody mapy
W tym programie wykorzystamy metodę mapy, aby iterować tablicę:

var stdage = [15, 20, 17, 16, 19];
var doubleage = stdage.Mapa (Twiceage)
Funkcja Twiceage (wynik)
Wynik powrotu * 2;

konsola.log („oryginalna tablica:”, stdage);
konsola.log („wynikowa tablica:”, Doubleage);

Powyższy fragment kodu wykonał poniższe wymienione funkcje:

• Utworzył tablicę.
• Wykorzystał funkcję map () do iteracji nad daną tablicą.
• Metoda map () pomnożyła każdy element przez 2 i zwróciła go.

Wyjście wyjaśniło, że metoda map () iterowana nad każdym elementem tablicy i pomnożyła elementy tablicy przez 2.

Podobnie możemy wykorzystać inne znane wbudowane metody tablicy, aby iterować na przykład tablicę „tablica.filtr () ”,„ tablica.Some () ”,„ tablica.każdy () ”i tak dalej.

Wniosek

JavaScript oferuje wiele sposobów, takich jak pętle i niektóre wbudowane metody tablicy, aby iterować tablicę. W JavaScript funkcje iteracji tablicy, takie jak foreach (), map (), filtr () itp. działać na każdym elemencie tablicy. Ten zapis wyjaśnił pięć powszechnie używanych sposobów iterowania elementów tablicy w JavaScript. Aby uzyskać głębokie zrozumienie pojęć, wyjaśnił każdą metodę iteracji przy użyciu najlepszych odpowiednich przykładów.