Metody iteracji tablicy w JavaScript wyjaśnione przykładami

JavaScript oferuje wbudowane metody iteracji, które działają na każdym elemencie tablicy. Najczęściej stosowanymi metodami iteracji są foreach (), filtr (), map (), redukujący (), reducer (), every (), some () i find (). W tym artykule omówimy działanie każdej metody indywidualnie.

Metoda JavaScript Foreach ()

W JavaScript metoda foreach () wywołuje podaną funkcję dla każdego elementu obecnego w tablicy. Metoda Foreach wymaga trzech parametrów, jednego dla wartości bieżącego elementu, drugiego parametru dla indeksu bieżącego elementu, a końcowy dotyczy tablicy, na której musi działać metoda foreach ().

Rozważ poniższy kod, aby zrozumieć, jak działa metoda Foreach ():

const empnames = [„John”, „Seth”, „Danial”, „Joe”, „Micheal”];
Empnames.foreach (printNames =>
konsola.log („Nazwa pracownika:”, printnames);
);

W powyższym kodzie znajduje się tablica pięciu elementów, a metoda Foreach () jest używana z tablicą do wydrukowania nazwy każdego pracownika na konsoli przeglądarki:

W rezultacie metoda Foreach () wydrukuje każdy element na konsoli:

Metoda JavaScript ()

JavaScript oferuje inną iteracyjną metodę nazwaną filtr() To wymaga warunku jako parametru i zwraca nową tablicę tylko tych elementów, które spełniają określony warunek:

Aby lepiej zrozumieć metodę filtra w JavaScript, weźmy przykład, w którym chcemy filtrowanego szeregu pracowników, których nazwa zaczyna się od „J”:

const empnames = [„John”, „Seth”, „Danial”, „Joe”, „Micheal”];
const filttednames = empnames.filtr (StringIndex =>
return StringIndex [0] === "j";
);
konsola.log („Nazwa pracownika:”, Filtertenme);

W tym przykładzie przeszliśmy warunek do metody Filter (), aby sprawdzić pierwszą literę każdego elementu i zwrócić listę elementów, których pierwszy element jest równy „J”.

Wyjście wyświetli nazwę pracowników, którzy zaczynają się od „J”:

Metoda JavaScript Map ()

Metoda JavaScript Map () wykonuje pewną funkcjonalność w stosunku do oryginalnej tablicy iteracyjnie i wytwarza nową tablicę bez wpływu na oryginalną tablicę. Rozważ przykład, aby dodać nazwę „Wilson” z każdą nazwą pracownika:

const empnames = [„John”, „Seth”, „Danial”, „Joe”, „Micheal”];
const NewNames = empnames.mapa (addName =>
return addname + „Wilson”;
);
konsola.log („Nowe nazwy pracowników:”, nownames);

Zwracamy dodatkową nazwę „Wilson” z wartością, więc doda tę nazwę z każdym elementem tablicy „Empname”:

Wyjście metody MAP () zweryfikuje, że iteruje każdy element tablicy „EMPNames” i wykona tę samą funkcjonalność w całej tablicy:

Metoda JavaScript Ruck ()

Metoda redukująca () to metoda iteracji tablicy dostępnej w JavaScript, która zmniejsza całą tablicę do jednej wartości.

const empnames = [„John”, „Seth”, „Danial”, „Joe”, „Micheal”];
const NewNames = empnames.redukuj ((name1, name2) =>
return name1 + "" + name2;
);
konsola.log („Zmniejszona nazwa:”, nownames);

W powyższym przykładzie mamy tablicę z pięcioma nazwami, używając metody redukujących () zmniejszamy całą tablicę do jednej nazwy, przekazaliśmy dwa parametry do metody redukuj „name1” i „name2” i zastosujemy niektóre procesy na włączonym ich i oddzwonią:

Dane wyjściowe powyższego kodu będzie jedna wartość:

Metodę redukującą () można zastosować do dowolnego typu danych, takich jak ciągi, liczby i tablice. Domyślnie metoda redukuj () działa od lewej do prawej, podczas gdy wręcz przeciwnie w przypadkach, w których chcemy wykonywać funkcjonalność od prawej do lewej.

Metoda JavaScript Any ()

Metoda every () to kolejna metoda iteracji tablicy w JavaScript, wymaga warunku i testuje ją z każdym elementem tablicy, w wyniku czego zwraca prawda lub false.

Aby zrozumieć, jak działa każda metoda () w JavaScript, rozważ następujący kod:

const empnames = [„John”, „Seth”, „Danial”, „Joe”, „Micheal”];
const eattername = empnames.każde (nazwa wyboru =>
zwróć nazwę kontrolną [0] === "j";
);
konsola.Log („Wszystkie nazwy zaczynają się od J:”, EveryName);

W tym przykładzie wykorzystujemy każdą metodę (), aby sprawdzić, czy wszystkie elementy tablicy zaczynają się od J, czy nie:

Metoda każdego () powróci FAŁSZ Ponieważ wszystkie nazwiska w tablicy nie zaczynają od litery „J”. Wyjście będzie PRAWDA Jeśli wszystkie nazwiska w tablicy rozpoczęły się od „J”:

Metoda JavaScript Some ()

JavaScript Some () Metoda sprawdza, czy niektóre elementy tablicy spełniają dany warunek i zwraca wynik prawdziwy lub fałsz:

const empnames = [„John”, „Seth”, „Danial”, „Joe”, „Micheal”];
const eattername = empnames.niektóre (nazwa wyboru =>
zwróć nazwę kontrolną [0] === "j";
);
konsola.Log („Niektóre nazwy zaczynają się od J:”, EveryName);

W tym przykładzie metoda () sprawdza, czy niektóre nazwisko pracownika zaczynają się od J lub nie:

W wyniku powróci to prawda, ponieważ niektórzy pracownicy, których nazwiska zaczynają się od „J”:

Metoda JavaScript Find ()

JavaScript oferuje kolejną przydatną iteracyjną metodę, która zwraca tylko pierwszą wartość, która spełnia określony warunek. Jeśli więcej niż jedna wartość spełni warunek, zamiast zwracać wszystkie te wartości, metoda Find () zwróci tylko pierwszą wartość. Zrozummy to przykładem:

const Empnames = [„John”, „Seth”, „Danial”, „John”, „Micheal”];
const isFoundName = FoundName =>
Powrót [„Micheal”, „Seth”].Obejmuje (FoundName);

Const Result = empnames.znaleźć (isFoundName);
konsola.log („Nazwa pracownika:”, wynik);

W tym przykładzie chcemy znaleźć pracowników, których nazwiska są „Micheal” lub „Seth”:

Tutaj metoda Find () będzie wyszukiwać te nazwy w tablicy i wydrukuje nazwę, która jest pierwsza w tablicy:

Wniosek:

Metody iteracji tablicy są wbudowanymi metodami JavaScript, które przemierzają całą tablicę i działają na każdym wpisie tablicy. W tym artykule rozważaliśmy niektóre niezbędne metody iteracji tablicy i wdrożyliśmy je w JavaScript, gdzie dowiedzieliśmy się, jak działają te metody.