Metoda mapy tablicy w JavaScript | Wyjaśnione

W JavaScript wbudowana metoda o nazwie tablica.Map () służy do utworzenia nowej zmodyfikowanej tablicy; Aby to zrobić, przemierza tablicę i wywołuje funkcję dla każdego elementu tablicy. Jest to bardzo przydatne w scenariuszu, w którym musimy wdrożyć niektóre procedury/działania w każdym elemencie tablicy. Na przykład, pomnożenie każdego elementu tablicy za pomocą określonej liczby lub znalezienie pierwiastka kwadratowego każdego elementu tablicy i tak dalej.

W tym artykule omówimy wyniki uczenia się poniżej na liście tablicy.Metoda map ():

• Co to jest tablica.map () w JavaScript?
• Podstawowa składnia
• Co ma tablica.Metoda map () powrót?
• Jak tablica.Metoda map () działa w JavaScript?

Więc zacznijmy!

Co to jest tablica.map () w JavaScript?

Array Map () to wbudowana funkcja tablicy, która tworzy nową zmodyfikowaną tablicę na podstawie określonych kryteriów. Tablica.Metoda map () wywołuje funkcję wywołania zwrotnego dla każdego elementu tablicy i tworzy nową zmodyfikowaną tablicę zawierającą zmodyfikowane elementy zwracane przez funkcję połączenia.

Podstawowa składnia

Oto składnia tablicy.Metoda map () w JavaScript:

szyk.map (funkcja (current_element, indeks, arr), thisvalue)

Składnia pokazuje tablicę.Funkcja map () może przyjmować wiele parametrów, jednak wszystkie te parametry nie są obowiązkowe:

• funkcja () parametr lepiej znany jako funkcja odwołania jest obowiązkowa i zostanie wywołany dla każdego elementu tablicy.
• Current_element jest wymaganym parametrem, który utrzymuje wartość bieżącego elementu.
• indeks jest opcjonalnym parametrem, który utrzymuje indeks zaplecza.
• ARR jest opcjonalnym parametrem, który utrzymuje bieżącą tablicę.
• Ta wartość jest również parametrem opcjonalnym, którego wartość domyślna jest niezdefiniowana i wykorzystuje wartość przekazaną do funkcji jako wartość „ta”.

Co ma tablica.Metoda map () powrót?

W JavaScript, tablica.Metoda map () zwraca wynik funkcji połączenia dla każdego elementu tablicy.

Jak tablica.Metoda map () działa w JavaScript?

Do tej pory nauczyliśmy się teoretycznych pojęć metody MAP (), teraz będziemy praktycznie wdrożyć te koncepcje.

Zadanie 1: Dodaj 50 do każdego elementu tablicy

W tym przykładowym programie dowiemy się, jak korzystać z tablicy.Metoda map () dodania „50” do każdego elementu danej tablicy:

var originalArray = [12, 16, 32, 27, -31, 17];
var wynik = oryginał.mapa (addValue);
funkcja addValue (wartości)
Zwracaj wartości + 50;

konsola.log („wynikowa tablica:”, wynik);

Powyższy program wykonał zadania poniżej listy:

• Po pierwsze, stworzyliśmy tablicę o nazwie „OriginalArray”, która zawiera liczby pozytywne i ujemne.
• Następnie wykorzystaliśmy tablicę.metoda map () dodania 50 do każdego elementu tablicy.
• Aby to zrobić, utworzyliśmy funkcję o nazwie „addValue ()”, która doda 50 do bieżącego elementu tablicy, a następnie zwróci zmodyfikowany element.
• Na koniec zastosowaliśmy metodę Console () do wydrukowania tablicy zmodyfikowanych elementów:

Wyjście udowodniło, że tablica.Metoda map () zwróciła tablicę zmodyfikowanych elementów (i.mi., Każdy element jest zwiększany o 50).

Zadanie 2: Jak korzystać z tablicy.Metoda map () z tablicą obiektów

W poniższym bloku kodu dowiemy się, jak korzystać z tablicy.metoda map () do dołączenia do EMPName i ID:

var pracowników = [
EmpName: „Mike”, id: 12,
EmpName: „Seth”, id: 15,
];
var empdetails = pracownicy.map (funkcja (wartość)
return '$ wartość.empname $ wartość.ID';
)
konsola.log („Szczegóły pracownika:”, empdetails);

W tym programie wykorzystaliśmy tablicę.MAP () Metoda przemierzania tablicy i łączenia nazwy pracownika i identyfikatora pracownika:

W ten sposób tablica.Metoda map () działa z szeregiem obiektów.

Zadanie 3: Jak używać wbudowanych metod z tablicą.Metoda map ()

W tym przykładzie dowiemy się, jak użyć metody wbudowanej, aby znaleźć kwadrat elementów tablicy:

var originalArray = [3, 2, 5, 9, 7];
var resusantArray = originalArray.mapa (sqrvalue);
funkcja sqrvalue (wartości)
Powrót matematyki.pow (wartości, 2);

konsola.log („Szczegóły pracownika:”, wynikowy);

W tym przykładowym programie wykorzystaliśmy matematykę.powp (), aby znaleźć kwadrat elementu. Wykorzystaliśmy tablicę.metoda map () do przechodzenia przez każdy element tablicy i zwracanie kwadratu każdego elementu danej tablicy.

W ten sposób możemy wykorzystać dowolną wbudowaną metodę wraz z tablicą.metoda map () w celu osiągnięcia różnych funkcji.

Wniosek

W JavaScript, tablica.Map () to wbudowana funkcja tablicy, która tworzy nową zmodyfikowaną tablicę na podstawie określonych kryteriów. Tablica.Metoda map () wywołuje funkcję wywołania zwrotnego dla każdego elementu tablicy i tworzy nową zmodyfikowaną tablicę zawierającą zmodyfikowane elementy zwracane przez funkcję połączenia. Ten zapis opisał, jak dokładnie tablica.Metoda map () jest? i jak to działa w JavaScript przy użyciu niektórych odpowiednich przykładów.