Cum se adaugă obiect la matrice în JavaScript
Cel mai simplu mod în care un obiect sau orice alt tip de element poate fi adăugat la o matrice JavaScript este indexarea. Puteți doar să atribuiți obiectul unui index al matricei și dacă există un element deja prezent acolo, acesta va fi înlocuit cu noul obiect:
lasa obj = { 'Nume' : „John Doe” , 'id' : 3 } ;lasa arr = [ { 'Nume' : „Richard Roe” , 'id' : 1 } , { 'Nume' : 'John Smith' , 'id' : Două } ] ;
arr [ Două ] = obj ;
consolă. Buturuga ( arr ) ;
Această metodă este destul de ușoară, dar este greu să cunoaștem indicii și dimensiunea matricelor, așa că trebuie să căutăm alte metode care pot fi folosite pentru a adăuga obiecte în matrice. Cele mai cunoscute, convenabile și ușor de utilizat metode sunt Apăsaţi() , unshift() și lipitură() . Funcționalitățile lor sunt ușor diferite, dar oricare dintre aceste metode poate fi utilizată. Să aruncăm o privire la modul în care acestea sunt diferite:
array.push() Metoda
Metoda array.push() preia elementele ca parametri și le adaugă la sfârșitul matricei și returnează noua dimensiune a matricei:
lasa obj = { 'Nume' : „John Doe” , 'id' : 3 } ;
lasa arr = [ { 'Nume' : „Richard Roe” , 'id' : 1 } , { 'Nume' : 'John Smith' , 'id' : Două } ] ;
arr. Apăsaţi ( obj ) ;
consolă. Buturuga ( arr ) ;
array.unshift() Metoda
Funcția array.unshift() este opusul metodei push, deoarece adaugă elemente la începutul matricei. Similar cu metoda push, poate lua unul sau mai multe elemente ca parametri și le poate adăuga la o matrice:
lasa obj = { 'Nume' : „Richard Roe” , 'id' : 1 } ;lasa arr = [ { 'Nume' : 'John Smith' , 'id' : Două } , { 'Nume' : „John Doe” , 'id' : 3 } ] ;
arr. unshift ( obj ) ;
consolă. Buturuga ( arr ) ;
array.splice() Metoda
Metoda array.splice() este puțin diferită, deoarece poate fi folosită atât pentru a șterge, cât și pentru a insera elemente dintr-un index dat. Este nevoie de trei argumente, indexul, numărul de elemente de șters și elementul nou care trebuie adăugat:
lasa obj = { 'Nume' : „John Doe” , 'id' : 3 } ;lasa arr = [ { 'Nume' : „Richard Roe” , 'id' : 1 } , { 'Nume' : 'John Smith' , 'id' : Două } ] ;
arr. lipitură ( Două , 0 , obj )
consolă. Buturuga ( arr ) ;
Am dat 0 ca al doilea parametru, deoarece nu dorim să ștergem niciun element din matricea existentă.
Metode suplimentare utile
JavaScript oferă, de asemenea, o mulțime de alte metode utile pentru manipularea matricelor, obiectelor și obiectelor prezente în matrice. Array.apply() și array.concat() sunt două dintre astfel de funcții care ar putea fi utile în cazul nostru.
Metoda array.apply() poate fi folosită pentru a combina conținutul matricelor. Deci, dacă aveți două matrice diferite care conțin obiecte și doriți să adăugați obiectele unui tablou la altul, nu trebuie să faceți acest lucru manual unul câte unul. Puteți utiliza doar metoda apply(). Mai mult, dacă aveți nevoie de o nouă matrice care să fie formată din conținutul matricei existente, atunci puteți utiliza funcția concat().
Concluzie
Metodele push, unshift și splice pot fi folosite pentru a adăuga obiecte la matrice JavaScript. Metoda push adaugă obiecte la sfârșit, metoda unshift adaugă obiecte la început și metoda splice le adaugă la un index dat al matricei. Toate aceste metode au fost explicate pe larg în ghidul de mai sus.