Jaka jest metoda map ()?
Metoda mapy JavaScript Array tworzy nową tablicę, wywołując funkcję zwrotu połączeń (przekazanie funkcji do innej funkcji jako argumentu) na każdym elemencie bez zmiany oryginalnej tablicy.
Składnia metody mapy tablicy pokazano poniżej:
Myarr.map (funkcja (currentValue, indeks, arr), thisvalue);Jak widać z powyższej składni, metoda map () przyjmuje dwa parametry. Pierwszy jest funkcja (CurrentValue, indeks, ARR) która jest funkcją wywołania zwrotnego i jest obowiązkowym parametrem. Ta funkcja odwołania przyjmuje trzy argumenty. Pierwszy to Aktualna wartość odnosząc się do bieżącej wartości elementu i jest to obowiązkowy parametr. Drugim parametrem jest indeks który ma wskaźnik bieżącego elementu, a trzeci to arr który odnosi się do tablicy. Parametry indeksu i ARR są opcjonalne. Następnym parametrem w metodzie map () jest ta wartość, która odnosi się do wartości przekazanej do funkcji, a ten parametr jest opcjonalny.
Iterowanie tablicy za pomocą metody mapy
Teraz, gdy wiemy, czym jest metoda mapy tablicy, zobaczmy, jak iterować nad tablicą za pomocą metody mapy.
var myarr = [1,2,3,4];W powyższym kodzie, po pierwsze, zainicjowaliśmy tablicę o nazwie Myarr a potem zadzwonił mapa() Metoda w tej tablicy inicjująca funkcję odwołania. W funkcji odwołania zwielokrotniliśmy każdy element Myarr do 2. Następnie uratowaliśmy nową tablicę do Newarr Zmienna, a następnie Konsola Zaloguj nową tablicę, której wyjście pokazano poniżej:
Zobaczmy inne przykłady metody MAP () w JavaScript.
Zaokrąglanie elementów tablicy
W tym przykładzie zobaczymy, jak możemy zaokrąglić elementy tablicy do najbliższej liczby całkowitej.
var myarr = [2.3,3.7,4.4];Najpierw zainicjowaliśmy tablicę o nazwie Myarr a następnie zainicjował metodę mapy w tej tablicy, uzupełniając każdy element Myarr a następnie wyjście tej operacji jest zapisywane w zmiennej wyjście.
Znalezienie korzenia kwadratowego
Znajdźmy pierwiastek kwadratowy wszystkich elementów tablicy, dla których jest on w większości taki sam jak powyższy przykład. Najpierw zainicjujemy tablicę, a następnie uruchomimy na niej metodę mapy, przechowując wynik w wyjściu.
var myarr = [4,9,16];Dodawanie ciągów do elementów tablicy
W tym przykładzie dodamy ciąg 1 tuzina z każdym elementem tablicy. Na przykład:
var myarr = [„banana”, „jabłko”, „pomarańczowy”];W wyjściu widzimy, że każdy element tablicy ma teraz 1 tuzin w nowej tablicy, która jest rejestrowana.
Uzyskanie pełnej nazwy z szeregu obiektów
Zobaczmy mały złożony przykład, w którym zainicjujemy szereg obiektów, które będą zawierać imię i nazwisko osoby. Następnie wykonamy metodę MAP () w tej tablicy, a następnie w funkcji odwołania połączymy pierwszą nazwę i nazwę, aby uzyskać pełną nazwę osoby.
const osoby = [Wniosek
Do przechowywania danych JavaScript daje nam różne typy danych, takie jak tablica. Tablica ma metody wbudowane, które sprawiają, że łatwo zarządzamy naszym kodem i piszemy mniej kodu. Jedną z takich metod tablicy jest metoda map (). Metoda tablicy Map () wykonuje funkcję zwrotu połączeń na każdym elemencie tablicy i zwraca nową tablicę.
W tym poście widzieliśmy, jak mapować tablicę w JavaScript i jaka jest metoda mapy w JavaScript. Poza tym iterowaliśmy tablicę za pomocą metody map (), a następnie dostarczyliśmy kilka przykładów za pomocą metody tablicy map (.