Jak przedłużyć istniejącą tablicę JavaScript o inną tablicę, bez tworzenia nowej tablicy

Jak przedłużyć istniejącą tablicę JavaScript o inną tablicę, bez tworzenia nowej tablicy

Tworzenie nowej tablicy wymaga przydzielania nowej pamięci, co zużywa dużą liczbę zasobów i czasu. Ponadto, jeśli tablica jest używana w innych częściach aplikacji, utworzenie nowej tablicy wymagałoby aktualizacji wszystkich odniesień do oryginalnej tablicy. Mówiąc dokładniej, rozszerzenie tablicy bez tworzenia nowego pozwala programistom dodać nowe elementy do tablicy bez ponoszenia tych kosztów.

Ten artykuł zdefiniuje metody rozszerzenia istniejącej tablicy o inną tablicę bez tworzenia/definiowania nowej tablicy w JavaScript.

Jak przedłużyć istniejącą tablicę o inną tablicę, bez tworzenia/definiowania nowej tablicy?

Aby rozszerzyć tablicę bez tworzenia nowej tablicy, użyj następujących metod:

    • Metoda push () z operatorem rozprzestrzeniania
    • Metoda push () z metodą Apply ()

Metoda 1: Rozszerz istniejącą tablicę o inną tablicę, bez tworzenia/definiowania nowej tablicy za pomocą metody „push ()” z operatorem rozprzestrzeniania się

Użyj "naciskać()„Metoda z„Operator rozprzestrzeniania się„Aby przedłużyć tablicę bez tworzenia nowej tablicy. „Operator rozprzestrzeniania się” kopiuje wszystkie elementy tablicy i popycha w istniejącej tablicy za pomocą metody „push ()”.

Składnia

Postępuj zgodnie z podaną składnią do metody push () z operatorem rozprzestrzeniania się, aby rozszerzyć tablicę:

Array1.push (… array2)


W powyższej składni operator rozprzestrzeniania (…) kopiuje elementy „Array2”I popycha ich do„Array1".

Przykład

Utwórz szereg kolorów:

const array1 = [„czerwony”, „blue”];


Utwórz kolejną tablicę o nazwie „Array2" kwiatów:

const array2 = [„róża”, „violet”];


Teraz pchnij Array2 do Array1 za pomocą metody push () z operatorem rozprzestrzeniania się:

Array1.push (… tablica2);


Wydrukuj istniejącą rozszerzoną tablicę1 na konsoli:

konsola.log (array1);


Można zauważyć, że Array1 został pomyślnie rozszerzony przez dodanie elementów Array2:

Metoda 2: Rozszerz istniejącą tablicę JavaScript o inną tablicę, bez tworzenia nowej tablicy za pomocą metody „push ()” z metodą „Apply ()”

Możesz także skorzystać z „naciskać()„Metoda z„stosować()„Metoda rozszerzenia tablicy. Metoda Apply () przyjmuje obie tablice jako argument i popycha swoje elementy do istniejącej tablicy.

Składnia

Użyj następującej składni do rozszerzenia tablicy za pomocą metody Applape () za pomocą metody push ():

Array1.naciskać.Zastosuj (Array1, Array2)


Przykład

Wywołaj metodę Apply (), przekazując obie tablice „Array1" I "Array2”Za pomocą metody Push () do rozszerzenia tablicy1 przez dodanie elementów Array2:

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


Na koniec wydrukuj wynikową tablicę na konsoli:

konsola.log (array1);


Wyjście


To wszystko o rozszerzeniu tablicy bez tworzenia nowej tablicy w JavaScript.

Wniosek

Aby przedłużyć tablicę bez tworzenia nowej tablicy, użyj „naciskać() Metoda z Operator rozprzestrzeniania się" albo "naciskać() metoda z stosować() metoda". Operator rozprzestrzeniania się kopiuje elementy drugiej tablicy i popycha je do pierwszej istniejącej tablicy. W tym artykule zdefiniowaliśmy metody rozszerzenia tablicy o inną tablicę bez tworzenia/definiowania nowej tablicy w JavaScript.