Jak zmapować tablicę w metodzie mapy macierzy JavaScript | Wyjaśniono przykładami

Jak każdy inny język programowania, JavaScript zapewnia nam różne typy danych do przechowywania danych. Jednym z takich typów danych jest tablica. Tablica to grupa elementów, które można użyć do przechowywania kilku wartości w jednej zmiennej. JavaScript oferuje amerykańskie metody obiektów, których możemy użyć do zarządzania, organizowania lub dostępu do danych przechowywanych w tablicach. Jedną z takich wbudowanej metody obiektu tablicy jest mapa() metoda.

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];
var Newarr = myarr.map (funkcja (element)
// pomnóż myarr z 2
// zwraca nową tablicę
Element powrotny *2;
);
konsola.log (Newarr); // [2,4,6,8]

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];
var wyjściowy = Myarr.mapa (e => matematyka.okrągłe (e));
konsola.log (wyjście); // 2,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];
var wyjściowy = Myarr.mapa (e => matematyka.sqrt (e));
konsola.log (wyjście); // 2,3,4

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”];
var wyjściowy = Myarr.mapa (e => "1 tuzin"+e);
konsola.log (wyjście);

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 = [
FirstName: „John”, LastName: „Reynolds”,
FirstName: „Smith”, LastName: „Jhonson”,
FirstName: „Sarah”, LastName: „Frye”
];
funkcja getfullName (item)
Zwróć przedmiot.Nazwa pierwszej, przedmiot.nazwisko].dołączyć(" ");

const wyjście = osoby.mapa (getfullName);
konsola.log (wyjście);

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 (.