Jak działa zagnieżdżona tablica w JavaScript

W JavaScript, gdy do tablicy dodawana jest macierz wewnętrzna lub podrzędna, jest znana jako „MultimensionAL ”lub„Zagnieżdżony- tablica. JavaScript nie stanowi wyraźnego formatu do utworzenia zagnieżdżonej tablicy; Dlatego musimy zagnieżdżać wymagane podataki w jednej zewnętrznej tablicy. Dostęp do elementów macierzy wewnętrznych są dostępne na podstawie ich indeksu w macierzy zewnętrznej.

Po ogłoszeniu zagnieżdżonej tablicy w JavaScript, możesz wykonywać różne operacje, takie jak dołączenie podatek, uzyskiwanie dostępu do elementów pod-pod-nowoczesnych, iterację wszystkich elementów podrzędnych, usuwa Powiązany element i zmniejszenie wymiarowości zagnieżdżonej tablicy.

Ten zapis wyjaśni pracujący z zagnieżdżone tablice W JavaScript za pomocą odpowiednich przykładów. A więc zacznijmy!

Jak utworzyć zagnieżdżoną tablicę w JavaScript

Aby utworzyć zagnieżdżoną tablicę w JavaScript, musisz postępować zgodnie z poniższą składnią:

let array = [[inner_array1], [inner_array2], [inner_array3]…];

Tutaj "szyk”Reprezentuje zagnieżdżoną tablicę, która zawiera wiele wewnętrznych no-no-takich jak„inner_array1”,„inner_array2”,„inner_array3".

Przykład: Jak utworzyć zagnieżdżoną tablicę w JavaScript

Stworzymy wielowymiarową lub zagnieżdżoną tablicę o nazwie „Zainteresowania„To ponadto obejmuje pięć wewnętrznych tablic:

Niech hobby = [
[„Czytanie”, 4],
[„Gardening”, 2],
[„Gaming”, 1],
[„Malarstwo”, 8],
[„Gotowanie”, 5]
];

W zadeklarowanym „Zainteresowania”Tablica, dodany pierwszy wymiar reprezentuje„hobby,”, A drugi wskazuje maksymalną liczbę„godziny" spędzony podczas wykonywania tej aktywności.

Teraz, aby wyświetlić utworzone „Zainteresowania„Zagnieżdżona tablica, wykorzystamy„konsola.tabela()„Metoda podczas przekazywania„Zainteresowania„Tablica jako argument:

konsola.Tabela (hobby);

Wykonanie powyższego kodu wyświetli wartości „Zainteresowania„Tablica w formacie tabeli, gdzie pierwsza kolumna reprezentuje indeks z Tablice wewnętrzne i inni dwie kolumny zawierają ich elementy, które są obecne na pierwszym miejscu ”[0]" i drugi "[1]”Indeks:

Jak uzyskać dostęp do elementów zagnieżdżonych tablic w JavaScript

Trzeba uzyskać dostęp do elementów zagnieżdżonej tablicy? Jeśli tak, spójrz na poniżej podaną składnię:

szyk.[a] [b]

Tutaj, "A”Reprezentuje wskaźnik„wewnętrzny„Tablica w stworzonej zagnieżdżonej tablicy i„B”Reprezentuje wskaźnik„element”W określonej wewnętrznej lub podrzędnej.

Przykład: Jak uzyskać dostęp do elementów zagnieżdżonych tablic w JavaScript

Na przykład chcemy uzyskać dostęp do „Gotowanie„Hobby, które istnieje jako„Pierwszy" element "[0] ”Piątej wewnętrznej tablicy„ [4] ”:

Aby wykonać określoną operację, wykonamy poniższą instrukcję kodu:

konsola.log (hobby [4] [0]);

Jak widać z wyjścia, z powodzeniem uzyskaliśmy dostęp do wartości „Zainteresowania„Tablica, która jest umieszczona na pierwszym indeksie piątej wewnętrznej tablicy:

Jak dodać elementy do zagnieżdżonej tablicy w JavaScript

JavaScript oferuje dwa sposoby dodawania elementów do już utworzonej zagnieżdżonej tablicy; albo możesz dodać element w koniec tablicy za pomocą „naciskać()”Metoda lub wstaw ją na konkretna pozycja z pomocą „splatać()" metoda.

Przykład: Jak dodać elementy do zagnieżdżonej tablicy w JavaScript

Popchnąć „[Cycling, 6]”Podręcznik pod koniec„Zainteresowania„Zagnieżdżona tablica, przekazamy ją jako argument do„Zainteresowania.naciskać()" metoda:

Zainteresowania.push ([„Cycling”, 6]);
konsola.Tabela (hobby);

Kiedy podane „Zainteresowania.naciskać()”Zostaje wykonane, doda określoną podatak na końcu„Zainteresowania"Tablica:

Natomiast, aby wstawić podarraję pośrodku innych wewnętrznych tablic, użyj „splatać()„Metoda w następujący sposób:

Zainteresowania.splice (1, 0, [„śpiewanie”, 3]);
konsola.Tabela (hobby);

Tutaj "Zainteresowania.splatać()„Metoda zastąpi„Zainteresowania„Tablica i dodaj„[„Singing”, 3]„Podręcznik na drugiej pozycji:

Do tego momentu nauczyliśmy się procedury utworzenia zagnieżdżonej tablicy i dodania do niej elementów. W następnej sekcji porozmawiamy o iterowaniu elementów zagnieżdżonej tablicy w JavaScript.

Jak iterować elementy zagnieżdżonej tablicy w JavaScript

Możesz wiedzieć, że JavaScript „Do„Pętla jest wykorzystywana przede wszystkim do iteracji nad elementami tablicy. Jednak, jak w naszym przypadku, mamy „zagnieżdżony„Tablica, więc dodamy dwa„Do„Pętle zagnieżdżone w drugim.

Przykład: jak iterować elementy zagnieżdżonej tablicy w JavaScript

Pierwszy pętla "Do„Pętla będzie iterowana nad Zewnętrzna tablica elementy zgodnie z jego wielkością i zagnieżdżonymi „Do”Pętla wykona iterację nad Wewnętrzne pod-pod-podnoś:

for (Leti = 0; ivarinnerrrayLength = hobby [i].długość;
dla (niech j = 0; j konsola.log ('[' + i + ',' + j + '] =' + hobby [i] [j]);

Określona operacja iteracji wyświetli wszystkie elementy "Zainteresowania„Zagnieżdżona tablica:

Możesz także użyć „Dla każdego()„Metoda w tym samym celu.

Jak spłaszczyć zagnieżdżoną tablicę w JavaScript

Istnieją pewne scenariusze, w których może być konieczne utworzenie tablicy obejmującej wszystkie zagnieżdżone elementy tablicy JavaScript w ich oryginalnym zamówieniu. Jeśli tak jest, to spłaszczyć Utworzona zagnieżdżona tablica w celu zmniejszenia jego wymiarów.

„„Szyk.płaski()”Metoda jest osadzona w ES6, który pomaga spłaszczenie zagnieżdżona tablica JavaScript. Ta metoda zwraca nową tablicę po połączeniu wszystkich elementów podrzędnych.

Przykład: Jak spłaszczyć zagnieżdżoną tablicę w JavaScript

Na przykład, aby spłaszczyć „Zainteresowania„Tablica, wykonamy następujący kod w oknie konsoli:

const flatarray = hobby.płaski();
konsola.log (flatarray);

Dana "Zainteresowania.płaski()„Metoda zmniejszy wymiarowość„Zainteresowania„Tablica i spłaszcz elementy wewnętrznej tablicy:

Jak usunąć elementy zagnieżdżonej tablicy w JavaScript

Aby usunąć elementy z dowolnych pod-pod-nowoczesnych zagnieżdżonej tablicy, użyj „Muzyka pop()" metoda. „„Muzyka pop()„Metoda zazwyczaj usuwa ostatnią wewnętrzną aromat z zagnieżdżonej tablicy; Pomaga jednak również w usuwaniu elementów z macierzy wewnętrznych.

Przykład: Jak usunąć elementy zagnieżdżonej tablicy w JavaScript

Przed skorzystaniem z „Muzyka pop()„Metoda, mamy następujące podataki w„Zainteresowania„Zagnieżdżona tablica:

Teraz, kiedy wywołujemy „Muzyka pop()„Metoda, ostatnia podrzędna zostanie usunięta wraz z jej elementami:

Zainteresowania.Muzyka pop();
konsola.Tabela (hobby);

Wyjście

Aby usunąć drugi element każdego „pod-podorządek”, Będziemy iterować przez„Zainteresowania„Tablica za pomocą„dla każdego()„Metoda i przy każdej iteracji„Muzyka pop()„Metoda usuwa element umieszczony na pierwszym indeksie:

Zainteresowania.foreach ((hobby) =>
hobby.Pop (1);
);
konsola.Tabela (hobby);

W wyniku uzyskanego poniżej widać, że element reprezentujący maksymalną liczbę godzin spędzonych na każdym hobby jest usunięta dla wszystkich pod-pod-pod-urzeczy:

Opracowaliśmy wszystkie niezbędne informacje związane z działaniem zagnieżdżonych tablic w JavaScript. Możesz je dalej odkrywać zgodnie z preferencjami.

Wniosek

Gdy do zewnętrznej tablicy jest dodawana macierz wewnętrzna lub podarray, nazywa się zagnieżdżona tablica. Po utworzeniu zagnieżdżonej tablicy JavaScript możesz użyć „naciskać()" I "splatać()„Metoda dodawania elementów”dla pętli" I "dla każdego()„Metoda do iterowania elementów wewnętrznych tablic”, „płaski()„Metoda zmniejszania wymiarowości i„Muzyka pop()”Metoda usuwania pod-pod-nowoczesnych lub ich elementów z zagnieżdżonych tablic. Ten zapis wyjaśnił działanie zagnieżdżonych pętli w JavaScript.