Mapuj tablicę tablic - JavaScript

Mapuj tablicę tablic - JavaScript
Podczas radzenia sobie z danymi luzem może istnieć wymóg mapowania danych na podstawie konkretnego atrybutu. Na przykład filtrowanie danych na podstawie identycznych miast lub efektywnej ponownej ponownej aktualizacji rekordów. W takich przypadkach mapowanie tablicy pomaga od czasu do czasu.

Ten blog omówi podejścia do mapowania tablicy w JavaScript.

Jak zmapować tablicę tablic za pomocą JavaScript?

Aby zmapować tablicę tablic w JavaScript, zastosuj następujące podejścia:

  • "dla każdego()" I "naciskać()”Metody.
  • "flatmap ()" metoda.

Metoda 1: Mapuj tablicę tablic za pomocą metod Foreach () i push () w JavaScript

„„dla każdego()„Metoda implementuje funkcję dla każdego elementu tablicy i„naciskać()”Metoda jest wykorzystywana do wypychania elementu w tablicy. Te metody można połączyć, aby iterować wzdłuż każdego elementu tablicy i dołączyć je do zerowej tablicy.

Składnia

szyk.foreach (funkcja (bieżące, indeks, tablica), to)

W powyższej składni:

  • funkcjonować: Jest to funkcja, którą należy wykonać dla każdego elementu w tablicy.
  • aktualny: Ten parametr wskazuje bieżącą wartość w tablicy.
  • indeks: Wskazuje na indeks bieżącego elementu.
  • szyk: Odpowiada bieżącej tablicy.
  • Ten: Odnosi się do wartości, którą należy przekazać do funkcji.
szyk.push (item1, item2)

W tej składni:

  • "przedmiot 1”,„Pozycja 2”Odnosi się do elementów, które należy dołączyć do tablicy.

Przykład
Przeglądajmy poniższy przykład:

W powyższym bloku kodu:

  • Utwórz tablicę o nazwie „arr„Zawarte w nim trzy tablice.
  • Utwórz kolejną tablicę Null o nazwie „Combinearray„To należy zmapować z szeregiem tablic.
  • Teraz zastosuj „dla każdego()”Metoda iteracja wzdłuż elementów w powiązanych tablicach tablic.
  • Wreszcie, iterowane elementy utworzone w poprzednim kroku zostaną skopiowane i dołączone do zadeklarowanej tablicy zerowej za pośrednictwem „rozpowszechnianie się(… )„Operator i„ ”naciskać()Odpowiednio metoda.

Wyjście

W powyższym wyjściu można zauważyć, że tablica zerowa jest odwzorowana za deklarowaną tablicą tablic.

Metoda 2: Mapa tablicę tablic w JavaScript za pomocą metody FlatMap ()

„„flatmap ()”Metoda spłaszcza elementy wejściowe tablicy do nowej tablicy. Ta metoda może po prostu zmapować powiązane elementy tablicy w nową tablicę.

Składnia

flatMap ((element, indeks, arr) =>

W powyższej składni:

  • element: Odpowiada bieżącemu elementowi.
  • indeks: Wskazuje na wskaźnik bieżącego elementu.
  • szyk: Wskazuje bieżącą tablicę.

Przykład
Przejrzyjmy poniżej wyświetlonego kodu:

W powyższych wierszach kodu:

  • Podobnie utwórz tablicę tablic i wyświetl ją.
  • W następnym kroku zastosuj „flatmap ()”Metoda mapowania elementów powiązanej tablicy w nazwę„ nazywana ”Combinearray".
  • Na koniec wyświetl wynikową tablicę zmapowaną z elementami deklarowanej tablicy.

Wyjście

Można zauważyć, że dostarczona tablica macierzy jest mapowana na nową tablicę.

Wniosek

Aby zmapować tablicę tablic w JavaScript, zastosuj „dla każdego()" I "naciskać()„Metody w połączeniu lub„flatmap ()" metoda. Pierwsze podejście itera elementów tablicy i dołącza je do zerowej tablicy. To ostatnie podejście mapuje powiązane elementy tablicy po prostu w nową tablicę. W tym blogu omówiono strategię mapowania szeregu tablic za pomocą JavaScript.