Jak dołączyć elementy w tablicy w JavaScript

W JavaScript proces dodawania dodatkowych elementów na początek lub koniec już utworzonej tablicy jest znany jako „Dodaj elementy do tablicy". Możesz dodać pojedynczy element, zestaw elementów, a nawet całą tablicę do innej tablicy. Mówiąc dokładniej, JavaScript pozwala przejść lub manipulować tablicami przy użyciu różnych metod.

Ten artykuł opracuje procedurę dodawania elementów w tablicy w JavaScript.

Jak dołączyć elementy w tablicy w JavaScript?

Aby dołączyć elementy do tablicy, JavaScript obsługuje kilka metod:

• Metoda push ()
• Metoda conat ()
• metoda UNISHIFT ()
• Metoda splice ()

Spójrzmy bardziej szczegółowo na te metody.

Metoda 1: Dodaj elementy w tablicy za pomocą metody push ()

Najprostszym podejściem do dodawania elementów do końca tablicy jest „naciskać()„Metoda w JavaScript. Daje nową tablicę jako wyjście o nowej długości po dodaniu elementów.

Składnia
Postępuj zgodnie z podaną składnią, aby użyć metody push () do dodawania elementów w tablicy:

szyk.push (element1, element2,…, elementn);

Tutaj "Element1, element2… „Zostaną zepchnięte w„szyk„Korzystanie z„naciskać()" metoda.

Przykład 1: dołącz jeden lub więcej elementów w tej samej tablicy
Najpierw utworzymy tablicę o nazwie „pracownik”, Który przechowuje nazwiska pracownika:

var pracownik = [„Stephen”, „Mari”, „John”,];

Następnie dodaj jeszcze dwa elementy jako nazwę pracowników „Rhonda" I "Susan„W tablicy:

pracownik.push („Rhonda”, „susan”);

Wydrukuj tablicę z dołączonymi elementami na konsoli:

konsola.log (pracownik);

Dane wyjściowe pokazuje, że elementy są z powodzeniem dołączane na końcu tablicy, a długość jest aktualizowana do „5”:

Przykład 2: Dodaj tablicę do innej tablicy

Tutaj utworzymy dwie tablice „Zwierząt" I "zwierzęta domowe”:

var zwierzęta = [„zebra”, „lion”, „tygrys”,];
var petanimals = [„cat”, „królik”];

Teraz wepchnij elementy tablicy „Petanimals” do drugiej tablicy za pomocą metody push () z operatorem rozprzestrzeniania się:

Zwierząt.push (… Petanimals);

Następnie wydrukuj tablicę „Zwierząt" za pomocą "konsola.dziennik()" metoda:

konsola.dziennik (zwierzęta);

Dodany operator rozprzestrzeniania się kopiuje wszystkie elementy tablicy „Petanimals”, a następnie elementy te są dołączane do tablicy „zwierząt”, wykorzystując metodę push ():

Zobaczmy inną metodę dołączenia jednej tablicy do drugiej.

Metoda 2: Dodaj elementy w tablicy za pomocą metody concat ()

„„conat ()„Metoda jest używana do dołączenia elementów jednej tablicy do drugiej lub możemy powiedzieć, że dołącza do dwóch lub więcej tablic. Łączy dwie tablice, dołączając elementy tablicy do drugiej i zwraca pojedynczą tablicę.

Składnia
Użyj poniżej podanej składni, aby użyć metody concat ():

szyk.Conat (array1, array2,…, arrayn);

Przykład
Użyjemy już utworzonej tablicy i powołamy się do metody Conat () do połączenia elementów tablicy Petanimals z tablicą „zwierząt”, a następnie oszczędzania powstałych elementów w nowej tablicy:

var array = zwierzęta.Conat (Petanimals)

Na koniec wydrukuj nowe elementy tablicy za pomocą „konsola.dziennik()" metoda:

konsola.log (tablica);

Można zauważyć, że elementy tablicy „zwierzęta domowe”Z powodzeniem dołączono do tablicy„Zwierząt”:

Chcesz dodać elementy na początku tablicy? Postępuj zgodnie z następną sekcją!

Metoda 3: Dodaj elementy w tablicy przy użyciu metody UnShift ()

Istnieje kolejna metoda JavaScript o nazwie „UnShift ()”, Które mogą dodać lub dołączyć elementy na początku lub na początku tablicy.

Składnia
Postępuj zgodnie z podaną składnią, aby dodać elementy na początku tablicy za pomocą „UnShift ()" metoda:

szyk.UNICTIFT (element1, element2,…, elementn);

Przykład
Tutaj utworzymy tablicę o nazwie „ptaki”Z dwoma elementami:„Papuga" I "Gołąb”:

var birds = [„papuga”, „gołębi”,];

Następnie zadzwoń do „UnShift ()„Metoda, przekazując element”Koktajl„To należy dołączyć w stworzonej tablicy:

ptaki.UNISHIFT („koktajl”);

Na koniec wydrukuj zaktualizowaną tablicę na konsoli:

konsola.log (ptaki);

Wyjście

Przejdźmy do innej metody dodania elementu w środku tablicy.

Metoda 4: Dodaj elementy w tablicy przy użyciu metody splatce ()

Jeśli chcesz zastąpić elementy tablicy lub dodać elementy w tablicy w dowolnym określonym indeksie, użyj predefiniowanej metody JavaScript „splatać()". Ponadto użyjemy go do dołączania elementów w środku tablicy.

Składnia
Postępuj zgodnie z podaną składnią, aby wykorzystać metodę SPLICE () do dołączania elementów w tablicy:

szyk.splice (startIndex, deleteCount, element1,…, elementn)

Tutaj "startIndex”To lokalizacja w tablicy, w której należy umieścić nowy element,„ ”deleteCount”Wskazuje, ile elementów należy wyeliminować, a„element1,…, elementn”To elementy, które należy dołączyć.

Przykład
Teraz dołączymy elementy w tym samym „”ptaki„Tablica, przekazując argumenty indeks startowy”1„Tam, gdzie należy dołączyć nowe elementy”, „0”Wskazuje, że żaden element nie powinien zostać usunięty, a następnie„Koktajl" I "Wróbel”To wymagane elementy:

ptaki.splice (1, 0, „koktajl”, „wróbel”);

Wydrukuj tablicę „ptaki”Na konsoli za pomocą„konsola.dziennik()" metoda:

konsola.log (ptaki);

Wyjście oznacza, że ​​elementy są z powodzeniem dołączane na środku tablicy:

Zebraliśmy wszystkie najlepsze metody dołączania elementów w tablicy w JavaScript.

Wniosek

Aby dołączyć elementy do tablicy, możesz użyć wbudowanych metod JavaScript, w tym „naciskać()" metoda, "conat ()" metoda, "UnShift ()”Metoda lub„splatać()" metoda. Metoda push () może wstawić elementy na końcu tablicy, podczas gdy metoda UnShift () dołącza elementy na początku tablicy, metoda splajce () wstawiał nowy element na środku tablicy i Concat ( ) Metoda łączy dwie lub więcej tablic. W tym artykule opracowaliśmy procedurę dodawania elementów w tablicach JavaScript z odpowiednimi przykładami.