Jak dołączyć jedną tablicę do innej tablicy w JavaScript

Obiekty, które przypominają listy i mają metody przemieszczania i modyfikacji, nazywane są tablicami w JavaScript. Lista danych jest przechowywana w tablicy. W JavaScript istnieje kilka sposobów dołączenia elementu do tablicy. Możesz dołączyć jeden element, wiele elementów, a nawet całą tablicę do innej tablicy.

Ten samouczek ilustruje procedurę dołączania jednej tablicy do drugiej.

Jak dołączyć jedną tablicę do innej tablicy w JavaScript?

Aby dołączyć jedną tablicę do drugiej, JavaScript umożliwia niektóre predefiniowane metody wymienione poniżej:

• Metoda conat ()
• Metoda push ()
• Operator rozprzestrzeniania się

Przeanalizujmy działanie każdej metody osobno.

Metoda 1: Dodaj jedną tablicę do innej tablicy za pomocą metody Concat ()

Aby dołączyć jedną tablicę do drugiej, możesz użyć „conat ()" metoda. Łączy dwie tablice i zwraca nową tablicę.

Składnia
Możesz użyć składni poniżej podanej dla metody concat ():

Array1.Conat (tablica2)

Tutaj metoda Conat () dołączy do elementów „Array2" Do "Array1".

Przykład
Najpierw utworzymy dwie tablice o nazwie „Array1" I "Array2”:

var array1 = [1,11,22,33];
var array2 = [111,222];

Teraz dołączymy elementy Array2 do Array1 za pomocą metody concat () i przechowywaj ją w „Newarray”:

var newarray = array1.conat (array2);

Na koniec wydrukujemy „Newarray" używając "konsola.dziennik()" metoda:

konsola.log (NewArray);

Wyjście wskazuje, że pomyślnie dołączyliśmy dwie tablice:

Przejdźmy do następnej metody, aby dołączyć tablice.

Metoda 2: Dodaj jedną tablicę do innej tablicy za pomocą metody push ()

Możesz także użyć „naciskać()”Metoda, która jest kolejną predefiniowaną metodą JavaScript zastosowaną do dołączania dwóch tablic. Możliwe jest połączenie go z „stosować()" metoda. Nie ma potrzeby tworzenia nowej tablicy do przechowywania dołączonych tablic, ponieważ metoda push () dodaje elementy do istniejącej tablicy.

Składnia
Postępuj zgodnie z podganiczną składnią przy użyciu metod Apply () i Push (), aby dołączyć „Array2" W "Array1”:

Array1.naciskać.aplikuj (array1, array2);

Przykład
W tym przykładzie użyjemy wcześniej utworzonych tablic o nazwie „Array1" I "Array2”I dołącz obie tablice za pomocą„naciskać()" metoda:

Array1.naciskać.aplikuj (array1, array2);

Na koniec wydrukujemy elementy Array1 za pomocą „konsola.dziennik()" metoda:

konsola.log (array1);

Dane wyjściowe pokazuje, że Array2 jest pomyślnie dołączany do Array1:

Rzućmy okiem na inną metodę dołączenia tablicy do drugiej tablicy.

Metoda 3: Dodaj jedną tablicę do innej tablicy za pomocą operatora spread

Możesz użyć jeszcze jednej metody JavaScript o nazwie „Rozpowszechnianie się„Operator. Ten operator jest oznaczony jako „[…]”. Tworzy trzecią tablicę, łącząc komponenty pierwszych dwóch tablic.

Składnia
Dla operatora spreadu użyj poniższej składni:

[… Tablica1,… tablica2];

Przykład
Rozważymy powyższe tablice „Array1" I "Array2”I dołącz do nich za pomocą operatora rozprzestrzeniania się:

var newarray = [… array1,… array2];

Następnie wydrukuj tablicę „Newarray”, Który przechowuje wynikową tablicę po dołączeniu do elementów obu tablic:

konsola.log (NewArray);

Możesz zobaczyć na wyjściu, elementy obu tablic są teraz dołączone:

Zebraliśmy najprostsze metody dołączania jednej tablicy do drugiej.

Notatka: Te metody są skuteczne do łączenia małych tablic. Jeśli chcesz dołączyć duże tablice, musisz utworzyć metodę zdefiniowaną przez użytkownika.

Wniosek

Aby dołączyć jedną tablicę do drugiej, możesz użyć predefiniowanych metod JavaScript, w tym metody concat (), metody push () i operatora rozprzestrzeniania się. Wszystkie te predefiniowane metody są wydajne dla małych tablic. Jeśli chcesz połączyć lub dołączyć dużą tablicę, możesz utworzyć określoną przez użytkownika metodę wydajnych wyników. Ten samouczek ilustruje procedurę dołączania jednej tablicy do drugiej z odpowiednimi przykładami.