Kā dinamiski sapludināt divu JavaScript objektu īpašības

Ka Dinamiski Sapludinat Divu Javascript Objektu Ipasibas



Objekts JavaScript ir aprakstīts kā atslēgu un vērtību pāru grupa. Dažreiz izstrādātājiem var būt nepieciešams apvienot divu objektu īpašības jaunā objektā. Šo procesu sauc par saplūšanu. Objektu sapludināšanai JavaScript nodrošina dažas iebūvētas metodes, ko sauc par ' Object.assign() 'metode vai ' Izkliedes operators ”.

Šajā ziņojumā tiks aprakstītas metodes, kā dinamiski sapludināt divu JavaScript objektu rekvizītus.







Kā dinamiski sapludināt divu JavaScript objektu īpašības?

Izmantojiet šādas metodes, lai dinamiski sapludinātu divu JavaScript objektu rekvizītus:



1. metode: divu JavaScript objektu īpašību sapludināšana/apvienošana dinamiski, izmantojot metodi Object.assign()

Izmantojiet ' Object.assign() ” metodi, lai dinamiski apvienotu divu JavaScript objektu īpašības. Šī metode saglabā sākotnējo objektu integritāti, kopējot visus uzskaitāmos rekvizītus mērķa objektā no viena vai vairākiem avota objektiem. Ja abos objektos ir viens un tas pats atribūts, otrā objekta vērtība aizstās vērtību no pirmā. Ņemiet vērā, ka šī metode kopē tikai neskaitāmus rekvizītus, tāpēc tā nekopēs no objekta prototipa mantotos rekvizītus.



Sintakse





Divu JavaScript objektu sapludināšanai ievērojiet sniegto sintakse:

targetObject = Object.assign ( obj1, obj2, ... ) ;



Piemērs

Izveidojiet objektu ' info ”:

kur informācija = {
nosaukums: 'Dženija' ,
vecums: 24 ,
Rollno: piecpadsmit
} ;

Izveidot otro objektu ' aktivitātes ” ar šādiem atslēgu pāriem:

var aktivitātes = {
spēle: 'krikets' ,
vingrinājums: 'Joga'
} ;

Zvaniet uz ' Object.assign() ' metode, lai apvienotu ' rekvizītus info ' un ' aktivitātes 'jaunā objektā ar nosaukumu ' students ”:

var students = Object.assign ( informācija, aktivitātes ) ;

Izdrukājiet objekta rekvizītus ' students ' izmantojot ' console.log() ” metode:

console.log ( students ) ;

Izvade norāda, ka objektu īpašības ' info ' un ' aktivitātes ' ir veiksmīgi apvienoti jaunajā objektā ' students ”:

2. metode: divu JavaScript objektu rekvizītu apvienošana/apvienošana dinamiski, izmantojot izkliedēšanas operatoru

Ir vēl viena pieeja abu JavaScript objektu sapludināšanai, kas izmanto ' Izkliedes operators ”. Tā ir bieži izmantotā pieeja objektu sapludināšanai, kopējot visus atribūtus no objektiem. Ja diviem objektiem ir rekvizīts ar vienādu nosaukumu, objekta rekvizīts labajā pusē aizstāj iepriekšējo.

Sintakse

Divu JavaScript objektu rekvizītu sapludināšanai ar operatora Spread palīdzību tiek izmantota šāda sintakse:

targetObject = Object.assign ( ...obj1, ...obj2, .... ) ;

Piemērs

Izveidojiet jaunu objektu ' students 'un apvienot objektu īpašības' info ' un ' aktivitātes ” skolēns, izmantojot operatoru Spread ” ”:

bija students = {
...informācija, ...aktivitātes
} ;

Izvade

Mēs esam snieguši visu nepieciešamo informāciju, kas saistīta ar objektu apvienošanu JavaScript.

Secinājums

Lai sapludinātu/kombinētu objektu īpašības JavaScript, izmantojiet ' Object.assign() 'metode vai ' Izkliedes operators ”. Izplatīšanas operators ir visbiežāk izmantotā pieeja JavaScript objektu īpašību apvienošanai. Ja abos objektos ir viens un tas pats atribūts, otrā objekta vērtība aizstās vērtību no pirmā. Šajā ziņā mēs aprakstījām metodes, kā dinamiski sapludināt/kombinēt divu JavaScript objektu rekvizītus.