Jak dodać obiekt do tablicy w JavaScript

Ponieważ tablice JavaScript automatycznie zmieniają rozmiar, gdy dodajesz do nich elementy, nie musisz się martwić, że będą pełne. Indeksowanie można użyć do łatwego dostępu do dowolnego elementu obecnego w tablicy. JavaScript oferuje kilka wbudowanych metod, które są idealne do dodawania elementów do tablic. W tym szczegółowym instrukcji instruktażowej przejdziemy metody, które można użyć do dodawania obiektów do tablic w JavaScript.

Jak dodać obiekt do tablicy w JavaScript

Najprostszy sposób, w jaki można dodać obiekt lub inny typ elementu do tablicy JavaScript. Możesz po prostu przypisać obiekt do indeksu tablicy, a jeśli jest tam już element, zostanie on zastąpiony nowym obiektem:

niech obj = „nazwa”: „John Doe”, „id”: 3;
niech arr = [„name”: „Richard Roe”, „id”: 1, „name”: „John Smith”, „id”: 2];
arr [2] = obj;
konsola.log (ARR);

Ta metoda jest dość łatwa, ale trudno jest znać wskaźniki i rozmiar tablic, więc musimy szukać innych metod, których można użyć do dodawania obiektów do tablic. Najbardziej znane, wygodne i łatwe w użyciu metody są naciskać(), UnShift () I splatać(). Ich funkcje są nieco inne, ale można zastosować dowolną z tych metod. Rzućmy okiem na to, jak się różnią:

szyk.Metoda push ()

Tablica.Metoda push () bierze elementy jako parametry i dodaje je do końca tablicy i zwraca nowy rozmiar tablicy:

niech obj = „nazwa”: „John Doe”, „id”: 3;
niech arr = [„name”: „Richard Roe”, „id”: 1, „name”: „John Smith”, „id”: 2];
arr.push (obj);
konsola.log (ARR);

szyk.metoda UNISHIFT ()

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

niech obj = „name”: „Richard Roe”, „id”: 1;
niech arr = [„name”: „John Smith”, „id”: 2, „nazwa”: „John Doe”, „id”: 3];
arr.UNISHIFT (OBJ);
konsola.log (ARR);

szyk.Metoda splice ()

Tablica.Metoda splatce () jest nieco inna, ponieważ można ją użyć zarówno do usuwania, jak i wstawienia elementów z danego indeksu. Usuwanie trzech argumentów, indeksu, nie ma elementów i nowy element, który ma zostać dodany:

niech obj = „nazwa”: „John Doe”, „id”: 3;
niech arr = [„name”: „Richard Roe”, „id”: 1, „name”: „John Smith”, „id”: 2];
arr.splice (2, 0, obj)
konsola.log (ARR);

Daliś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 manipulowania tablicami, obiektami i obiektami obecnymi w tablicach. Tablica.Aplikuj () i tablica.Conat () to dwie z takich funkcji, które mogą być pomocne w naszym przypadku.

Tablica.Metodę Apply () można zastosować do połączenia zawartości tablic. Jeśli więc masz dwie różne tablice, które zawierają obiekty i chcesz dodać obiekty jednej tablicy do drugiej, nie musisz tego robić ręcznie jeden po drugim. Możesz po prostu użyć metody Apply (). Ponadto, jeśli potrzebujesz nowej tablicy, aby utworzyć z zawartości istniejącej tablicy, możesz użyć funkcji concat ().

Wniosek

Do dodawania obiektów do tablic JavaScript można zastosować metody push, niezmienne i spliki. Metoda push dodaje obiekty do końca, metoda niezmienna dodaje obiekty do startu, a metoda splice dodaje je w danym indeksie tablicy. Wszystkie te metody zostały szeroko wyjaśnione w powyższym przewodniku.