Jak dodać obiekt do tablicy w JavaScript

Ponieważ tablice JavaScript automatycznie zmieniają rozmiar podczas dodawania do nich elementów, nie musisz się martwić, że będą pełne. Indeksowanie może służyć do łatwego dostępu do dowolnego elementu znajdującego się w tablicy. JavaScript oferuje kilka wbudowanych metod, które idealnie nadają się do dodawania elementów do tablic. W tym szczegółowym poradniku omówimy metody, których można użyć do dodawania obiektów do tablic w JavaScript.

Jak dodać obiekt do tablicy w JavaScript

Najprostszym sposobem dodania obiektu lub dowolnego innego typu elementu do tablicy JavaScript jest indeksowanie. Możesz po prostu przypisać obiekt do indeksu tablicy, a jeśli jest tam już jakiś element, zostanie on zastąpiony nowym obiektem:

niech obj = { 'Nazwa' : 'Nieznany z nazwiska' , 'ID' : 3 } ;

niech się szykuje = [ { 'Nazwa' : „Richard Roe” , 'ID' : 1 } , { 'Nazwa' : 'John Smith' , 'ID' : dwa } ] ;

Arr [ dwa ] = obiekt ;

konsola. dziennik ( Arr ) ;

Ta metoda jest dość prosta, ale ciężko jest poznać indeksy i rozmiar tablic, więc musimy poszukać innych metod, które można wykorzystać do dodawania obiektów do tablic. Najbardziej znane, wygodne i łatwe w użyciu metody to naciskać() , unshift() oraz splatać() . Ich funkcjonalności są nieco inne, ale można zastosować każdą z tych metod. Przyjrzyjmy się, czym się różnią:

array.push() Metoda

Metoda array.push() pobiera elementy jako parametry i dodaje je na końcu tablicy oraz zwraca nowy rozmiar tablicy:

niech obj = { 'Nazwa' : 'Nieznany z nazwiska' , 'ID' : 3 } ;

niech się szykuje = [ { 'Nazwa' : „Richard Roe” , 'ID' : 1 } , { 'Nazwa' : 'John Smith' , 'ID' : dwa } ] ;

przyb. naciskać ( obiekt ) ;

konsola. dziennik ( Arr ) ;

array.unshift() Metoda

Funkcja array.unshift() jest przeciwieństwem metody push, ponieważ dodaje elementy na początku tablicy. Podobnie jak metoda push, może przyjąć jeden lub więcej elementów jako parametry i dodać je do tablicy:

niech obj = { 'Nazwa' : „Richard Roe” , 'ID' : 1 } ;

niech się szykuje = [ { 'Nazwa' : 'John Smith' , 'ID' : dwa } , { 'Nazwa' : 'Nieznany z nazwiska' , 'ID' : 3 } ] ;

przyb. nie przesunięty ( obiekt ) ;

konsola. dziennik ( Arr ) ;

array.splice() Metoda

Metoda array.splice() jest nieco inna, ponieważ może być używana zarówno do usuwania, jak i wstawiania elementów z danego indeksu. Wymaga trzech argumentów, indeksu, liczby elementów do usunięcia oraz nowego elementu, który ma zostać dodany:

niech obj = { 'Nazwa' : 'Nieznany z nazwiska' , 'ID' : 3 } ;

niech się szykuje = [ { 'Nazwa' : „Richard Roe” , 'ID' : 1 } , { 'Nazwa' : 'John Smith' , 'ID' : dwa } ] ;

przyb. splatać ( dwa , 0 , obj )

konsola. dziennik ( Arr ) ;

Podaliśmy 0 jako drugi parametr, ponieważ nie chcemy usuwać żadnych elementów z istniejącej tablicy.

Dodatkowe przydatne metody

JavaScript oferuje również wiele innych przydatnych metod do manipulowania tablicami, obiektami i obiektami obecnymi w tablicach. array.apply() i array.concat() to dwie z takich funkcji, które mogą być pomocne w naszym przypadku.

Do łączenia zawartości tablic można użyć metody array.apply(). Tak więc, jeśli masz dwie różne tablice zawierające obiekty i chcesz dodać obiekty z jednej tablicy do drugiej, nie musisz robić tego ręcznie jeden po drugim. Możesz po prostu użyć metody apply(). Co więcej, jeśli chcesz utworzyć nową tablicę z zawartości istniejącej tablicy, możesz użyć funkcji concat().

Wniosek

Metody push, unshift i splice mogą być używane do dodawania obiektów do tablic JavaScript. Metoda push dodaje obiekty na końcu, metoda unshift dodaje obiekty na początek, a metoda splice dodaje je pod podanym indeksem tablicy. Wszystkie te metody zostały szczegółowo wyjaśnione w powyższym przewodniku.

Jak dodać obiekt do tablicy w JavaScript