Jak iterować mapę w JavaScript

JavaScript oferuje różnorodne funkcje do wykonywania iteracji w tablicy. Jeden z nich, mapa() Metoda itera każdego elementu określonej tablicy i zwraca zaktualizowaną tablicę o tej samej długości. „Za” pętla obok wpisy () Metoda itera przez mapa obiekt, który przemierza każdy element tablicy. Metody te zwracają tablicę za pomocą par kluczowych. Ponadto metody te nie działają na pustej tablicy. Ten post wyjaśnia różne metody iterację za pośrednictwem mapy w JavaScript.

Poniższa treść wyraża przegląd tego postu:

• Jak iterować mapę w JavaScript
• Używanie pętli „for” do iteracji za pośrednictwem mapy w JavaScript
• Korzystanie z metody wywołania zwrotnego do iteracji za pośrednictwem mapy w JavaScript

Jak iterować mapę w JavaScript?

W JavaScript, a mapa Obiekt jest połączeniem klucza i pary wartości. Ten obiekt jest tworzony przez Mapa() konstruktor. mapa() Metoda iteruje obiekt w określonej tablicy. Aby iterować obiekt, mapa() Metoda integruje się z wpisy () Metoda i zwraca tablicę przez pary wartości kluczowej.

Ta sekcja pokazuje wiele sposobów iteracji za pomocą mapy w JavaScript.

Metoda 1: Zastosowanie pętli „dla” do iteracji za pomocą mapy w JavaScript

Aby wykonać iterację, „Za” pętla jest wykonywana raz dla każdej pary wartości kluczowej mapa Obiekty w JavaScript. Najpierw spójrz na składnię „Za” pętla iteracja mapy w JavaScript.

Składnia

dla (const x mapy.wpisy ())

W tej składni, "X" oznacza parę wartości kluczowej i "mapa" odnosi się do obiektu.

Kod

konsola.log („Przykład iteracji za pomocą mapy”)
var mag_obj = new map ();
mag_obj.set („krykiet”, „sport”);
mag_obj.set („jabłko”, „jedzenie”);
dla (var [klucz, wartość] MAG_OBJ.wpisy ())
konsola.log (klucz + „is” + wartość);

Powyższy kod jest tutaj wyjaśniony:

• Po pierwsze, obiekt „Mag_obj” jest tworzony przez Mapa() konstruktor z nowy Słowo kluczowe.
• Potem ustawić() Metoda jest wykorzystywana do przechowywania dwóch wartości, "Krykiet" I "sport" w „Mag_obj”.
• podobnie, "Jabłko" I "żywność" są ustawione przez ustawić() metoda.
• Potem „Za” pętla jest zaimplementowana z wpisy () metoda itera wszystkich elementów i zwraca nową tablicę, umieszczając "Jest" między powyższymi wartościami.
• Wreszcie konsola.dziennik() Metoda przedstawia wyjście przez parę wartości kluczowej w oknie konsoli.

Wyjście

Wyjście to pokazuje „Cricket to sport” I „Apple to jedzenie” są połączone przez pary wartości kluczowej.

Metoda 2: Zastosowanie metody wywołania zwrotnego do iteracji za pomocą mapy w JavaScript

„„mapa()„Metoda jest stosowana jako funkcja zwrotu od każdego elementu tablicy. Składnia metody MAP () używana jako funkcja wywołania wywołania jest podana poniżej:

Składnia

arr.map ((element) => Operation)

W tej składni, mapa() Metoda itera nad każdym element a następnie wykonuje konkretny operacja na tym.

Kod

konsola.log („Przykład iteracji za pomocą mapy”)
const num = [3, 6, 7, 2, 5]
const new_num = num.mapa (item =>
Zwracaj element * 2
)
konsola.log (new_num)

Opis kodu jest tutaj podany:

• Tablica num powstaje w pięciu elementach „3, 6, 7, 2, I 5".
• Potem mapa() Metoda jest wykorzystywana do iteracji każdego elementu tablicy przez num obiekt.
• Metoda zwraca nową tablicę, mnożąc każdy element przez 2.
• W końcu konsola.dziennik() Metoda jest stosowana do przedstawienia nowej tablicy w oknie konsoli.

Wyjście

Wyjście to pokazuje „[3, 6, 7, 2, 5]” jest przekonwertowany na „[6, 12, 14, 4, 10]” mnożąc każdy element „2” W JavaScript.

Wniosek

JavaScript zapewnia mapa() metoda integracji z „za„Pętla i wpisy () Metody wykonywania iteracji za pośrednictwem obiektów map. dla pętli iteruje tablicę elementów za pomocą klawiszy obiektów. wpisy () Metoda przemierza obiekt mapy poprzez wyodrębnienie klawiszy, a następnie wykonywanie iteracji poprzez wartości. Tutaj nauczyłeś się wielu sposobów iteracji za pośrednictwem obiektu mapy w JavaScript.