Un obiect în JavaScript este descris ca un grup de perechi cheie-valoare. Uneori, dezvoltatorii pot solicita combinarea proprietăților celor două obiecte într-un obiect nou. Acest proces se numește fuziune. Pentru îmbinarea obiectelor, JavaScript oferă câteva metode încorporate numite „ Object.assign() ” sau metoda ” Operator de răspândire ”.
Această postare va descrie metodele de îmbinare dinamic a proprietăților a două obiecte JavaScript.
Cum să îmbinați dinamic proprietățile a două obiecte JavaScript?
Utilizați următoarele metode pentru a îmbina în mod dinamic proprietățile a două obiecte JavaScript:
Metoda 1: Îmbinați/Combinați proprietățile a două obiecte JavaScript utilizând în mod dinamic metoda Object.assign()
Folosește ' Object.assign() ” pentru a combina dinamic proprietățile a două obiecte JavaScript. Această metodă menține integritatea obiectelor originale prin copierea tuturor proprietăților enumerabile într-un obiect țintă de la unul sau mai multe obiecte sursă. Dacă același atribut este prezent în ambele obiecte, valoarea celui de-al doilea obiect va înlocui valoarea de la primul. Rețineți că această metodă copiază numai proprietăți enumerabile, deci nu va copia proprietățile moștenite de la prototipul obiectului.
Sintaxă
Urmați sintaxa furnizată pentru îmbinarea a două obiecte JavaScript:
targetObject = Object.assign ( obj1, obj2,... ) ;Exemplu
Creați un obiect „ info ”:
unde info = {Nume: 'Jenny' ,
vârstă: 24 ,
Rola numărul: cincisprezece
} ;
Creați al doilea obiect „ Activități ” cu următoarele perechi de chei:
var activitati = {joc: 'crichet' ,
exercițiu: 'Yoga'
} ;
Suna ' Object.assign() ” pentru a fuziona proprietățile “ info ' și ' Activități ” într-un obiect nou numit ” student ”:
var student = Object.assign ( informatii, activitati ) ;Tipăriți proprietățile obiectului „ student ' folosind ' console.log() ” metoda:
console.log ( student ) ;Ieșirea indică faptul că proprietățile obiectelor „ info ' și ' Activități ” sunt îmbinate cu succes în noul obiect ” student ”:
Metoda 2: Îmbinați/Combinați proprietățile a două obiecte JavaScript în mod dinamic folosind operatorul Spread
Există o altă abordare pentru a îmbina cele două obiecte JavaScript, care utilizează „ Operator de răspândire ”. Este abordarea utilizată în mod obișnuit pentru îmbinarea obiectelor prin copierea tuturor atributelor din obiecte. Dacă două obiecte au o proprietate cu același nume, proprietatea obiectului din dreapta o înlocuiește pe cea anterioară.
Sintaxă
Următoarea sintaxă este utilizată pentru îmbinarea proprietăților a două obiecte JavaScript cu ajutorul operatorului Spread:
targetObject = Object.assign ( ...obj1, ...obj2, .... ) ;Exemplu
Creați un nou obiect „ student ” și îmbină proprietățile obiectelor ” info ' și ' Activități ” în student folosind operatorul Spread ” … ”:
a fost student = {...informații, ...activități
} ;
Ieșire
Am furnizat toate informațiile necesare legate de îmbinarea obiectelor în JavaScript.
Concluzie
Pentru a îmbina/combina proprietățile obiectelor în JavaScript, utilizați „ Object.assign() ” sau metoda ” Operator de răspândire ”. Operatorul de răspândire este abordarea cea mai frecvent utilizată pentru îmbinarea proprietăților obiectelor JavaScript. Dacă același atribut este prezent în ambele obiecte, valoarea celui de-al doilea obiect va înlocui valoarea de la primul. În această postare, am descris metodele de îmbinare/combinare dinamică a proprietăților a două obiecte JavaScript.