JavaScript Foreach

Podczas pracy z tablicami w JavaScript może być konieczne iterację tablicy, aby uzyskać wyjście podczas wykonywania niektórych operacji. Aby to zrobić, JavaScript przedstawia pewne metody, w tym „dla każdego()„Metoda, która wykona określoną funkcję raz dla każdego elementu wewnątrz tablicy.

Ten artykuł ilustruje funkcjonalność metody JavaScript foreach ().

Co to jest metoda JavaScript Foreach ()?

„„dla każdego()„Metoda itera elementów tablicy, wywołując funkcję. Wykorzystuje funkcję inaczej niż tradycyjna „dla pętli". Wartość zwracania tej metody jest zawsze niezdefiniowana. W zależności od funkcjonalności funkcji argumentu, ta metoda może, ale nie musi modyfikować przekazanej tablicy.

Składnia
Postępuj zgodnie z podaną składnią, aby użyć pętli Foreach w JavaScript:

foreach (callback (element, indeks, arr));

Tutaj "oddzwonić()”To funkcja, która zostanie wywołana dla każdego elementu tablicy przechowywanej w tym parametrze,„element„To wartość tablicy, która zostanie przetworzona”, „indeks”Jest indeksem elementu, który zostanie przetworzony, i„arr”To tablica przekazywana do metody. „„arr”I„ „indeks”To opcjonalne argumenty, podczas gdy„element" jest obowiązkowe.

Przykład 1
W tym przykładzie najpierw utworzymy szereg liczb nieparzystego:

var oddnumbers = [1, 3, 5, 9, 11];

Teraz wydrukujemy elementy tablicy na konsoli:

liczby nieparzyste.foreach (funkcja (numer)
konsola.log (liczba);
);

Wyjście

Teraz zobaczmy, jak użyć metody Foreach () w JavaScript z plik HTML.

Przykład 2
Tutaj, w pliku HTML, utworzymy przycisk, który wywołuje „Findsquare ()„Metoda, gdy uruchamia się jego zdarzenie OnClick:

Kliknij, aby zobaczyć kwadrat liczb nieparzystych:

Następnie zdefiniuj funkcję o nazwie „Findsquare ()”, Który zawiera szereg liczb nieparzystego i pustą tablicę. W swojej definicji funkcji wywołaj metodę foreach (), która wyliczy każdy element tablicy, a następnie wepchnie go w pustym „kwadrat"Tablica:

funkcja Findsquare ()
var oddnumbers = [1, 3, 5, 9, 11];
var Square = [];
liczby nieparzyste.foreach (funkcja (numer)
kwadrat.push (liczba * liczba);
);

Na koniec wydrukuj nowe wartości za pomocą „dokument.pisać()" metoda:

dokument.Napisz („kwadrat liczb nieparzystych” 1,3,5,7,9,11 ”to:");
dokument.Napisz (kwadrat);

Po kliknięciu przycisku wyświetlane są wszystkie wartości tablicy kwadratowej:

Omówiliśmy wszystkie podstawowe informacje związane z metodą JavaScript Foreach ().

Wniosek

„„dla każdego()”Metoda wywołuje funkcję podczas iteracji przez elementy tablicy. Różni się nieco od tradycyjnego „dla pętli". Ta metoda jest wykorzystywana do iteracji za pomocą zestawów, map i tablic. W tym artykule zilustrowaliśmy metodę JavaScript Foreach () ze szczegółowymi przykładami, w tym opartym na konsolowym i połączonym plik JavaScript z HTML.