Jak używać funkcji mapy w JavaScript?

Jak używać funkcji mapy w JavaScript?

Czasami ustalenie skomplikowanego kodu w języku programowania zajmuje zbyt dużo czasu. Aby to zrobić, istnieje potrzeba uproszczenia kodu, który zwiększy zrozumiałość, czytelność, a także wydajność określonego kodu. Kilka metod można wykorzystać w tym celu. JavaScript „mapa()„Funkcja jest jedną z nich, która jest wywoływana do tworzenia tablicy w postaci wartości pary.

Ten post pokazał, jak używać funkcji mapy JavaScript.

Jak korzystać z funkcji mapy JavaScript?

Aby użyć funkcji mapy, użyj „mapa()„Metoda w JavaScript. Jest to metoda JavaScript, która generuje nową tablicę zawierającą wyniki lub wyjście funkcji wywoływania na poszczególnych elementach tablicy wywołujących.

Składnia

Aby użyć funkcji MAP w JavaScript, można zastosować podaną składnię:

arr.map (funkcja (element, indeks, array) , this);


Tutaj:

    • "funkcjonować()”Jest zdefiniowany w metodzie MAP (), która określa pewną wartość.
    • "element”Odnosi się do bieżącego elementu przetwarzanego w tablicy.
    • "indeks”Określa wartości dla bieżącego elementu w tablicy.
    • "szyk”Jest wykorzystywany do wywołania metody.

Przykład 1: Użyj funkcji mapy dla danych liczbowych

Aby użyć funkcji MAP dla danych numerycznych, postępuj zgodnie z wymienionych poniżej instrukcji:

    • Deklaruj i zainicjuj zmienną.
    • Przypisz wartość w postaci danych numerycznych do zdefiniowanej zmiennej w tablicy:
var array = [5, 7, 2, 3, 6, 8];
    • Następnie zainicjuj inną zmienną o innej nazwie i użyj „arr.mapa()”Metoda JavaScript i zdefiniuj funkcję jako parametr zdefiniowanej metody.
    • Następnie dodaj wartości i indeks jako parametry funkcji.
    • Określić "powrót”Słowo kluczowe i formuła zgodnie z fragmentem kodu:
var newarray = ARR.map (funkcja (val, index)
return key: index, wartość: val*val;
)

Wreszcie, przywołaj „konsola.dziennik()„Aby wyświetlić wyjście konsoli:

konsola.Log (NewArray)



Przykład 2: Użyj funkcji mapy dla danych tekstowych

Aby użyć funkcji MAP dla danych tekstowych, postępuj zgodnie z zaciągniętymi instrukcjami:

    • Zainicjuj zmienną i przypisz wartość tekstu do tej zmiennej.
    • Dokonaj innej zmiennej i wywołać metodę mapy.
    • W środku "mapa()”Metoda, podaj zmienną i funkcję jako parametr.
    • Następnie użyj „powrót”I dodaj element do mapy z zdefiniowaną wartością zmienną. Aby to zrobić, „H„Alfabet dodaje się tutaj:
var fname = "hafsa";
var newName = tablica.prototyp.mapa.Call (fname, funkcja (item)
Zwrot elementu + „h”;
)


Wreszcie, skorzystaj z „konsola.dziennik()„Metoda pokazania danych wyjściowych na konsoli:

konsola.log (nowa nazwa)


W rezultacie „H”Jest odwzorowany za każdym alfabetem zdefiniowanej wartości zmiennej:


Chodzi o użycie funkcji mapy w JavaScript.

Wniosek

Aby użyć funkcji mapy w JavaScript, „mapa()”Można zastosować metodę, w której funkcja jest zdefiniowana jako parametr metody MAP. Ponadto określ „wartość" I "indeks”Jako parametry funkcji. Mówiąc dokładniej, funkcja MAP jest wykorzystywana do tworzenia elementów w postaci wartości pary. Ten zapis stwierdził wiele metod korzystania z funkcji mapy JavaScript.