Et objekt i JavaScript beskrives som en gruppe af nøgleværdi-par. Nogle gange kan udviklere kræve at kombinere egenskaberne for de to objekter i et nyt objekt. Denne proces kaldes sammensmeltning. Til at flette objekter giver JavaScript nogle indbyggede metoder kaldet ' Object.assign() '-metoden eller ' Spredningsoperatør ”.
Dette indlæg vil beskrive metoderne til dynamisk at flette egenskaberne af to JavaScript-objekter.
Hvordan flettes egenskaber for to JavaScript-objekter dynamisk?
Brug følgende metoder til dynamisk at flette egenskaberne for to JavaScript-objekter:
Metode 1: Flet/kombiner egenskaber for to JavaScript-objekter dynamisk ved hjælp af Object.assign()-metoden
Brug ' Object.assign() ” metode til dynamisk at kombinere egenskaberne for to JavaScript-objekter. Denne metode bevarer de originale objekters integritet ved at kopiere alle talrige egenskaber til et målobjekt fra et eller flere kildeobjekter. Hvis den samme attribut er til stede i begge objekter, vil det andet objekts værdi erstatte værdien fra det første. Bemærk, at denne metode kun kopierer talrige egenskaber, så den vil ikke kopiere egenskaber, der er arvet fra objektets prototype.
Syntaks
Følg den angivne syntaks for at flette to JavaScript-objekter:
targetObject = Object.assign ( obj1, obj2, ... ) ;Eksempel
Opret et objekt ' info ”:
hvor info = {navn: 'Jenny' ,
alder: 24 ,
Rollno: femten
} ;
Opret andet objekt ' aktiviteter ” med følgende nøglepar:
var aktiviteter = {spil: 'Cricket' ,
dyrke motion: 'Yoga'
} ;
Ring til ' Object.assign() ' metode til at flette egenskaberne af ' info ' og ' aktiviteter ' i et nyt objekt kaldet ' studerende ”:
var elev = Object.assign ( info, aktiviteter ) ;Udskriv egenskaberne for objektet ' studerende ' bruger ' console.log() ” metode:
console.log ( studerende ) ;Outputtet indikerer, at egenskaberne for objekter ' info ' og ' aktiviteter ' er flettet sammen i det nye objekt ' studerende ”:
Metode 2: Flet/kombiner egenskaber for to JavaScript-objekter dynamisk ved hjælp af Spread Operator
Der er en anden tilgang til at flette de to JavaScript-objekter, som bruger ' Spredningsoperatør '. Det er den almindeligt anvendte tilgang til at flette objekter ved at kopiere alle attributter fra objekter. Hvis to objekter har en egenskab med samme navn, erstatter objektegenskaben til højre den tidligere.
Syntaks
Følgende syntaks bruges til at flette egenskaber for to JavaScript-objekter ved hjælp af Spread-operatoren:
targetObject = Object.assign ( ...obj1, ...obj2, .... ) ;Eksempel
Opret et nyt objekt ' studerende ' og flet egenskaberne af objekter ' info ' og ' aktiviteter ' i elev ved hjælp af Spread-operator ' … ”:
var studerende = {...info, ...aktiviteter
} ;
Produktion
Vi har leveret al den nødvendige information i forbindelse med sammenlægning af objekterne i JavaScript.
Konklusion
For at flette/kombinere egenskaberne for objekter i JavaScript skal du bruge ' Object.assign() '-metoden eller ' Spredningsoperatør '. Spredningsoperatoren er den mest almindeligt anvendte tilgang til at flette egenskaberne af JavaScript-objekter. Hvis den samme attribut er til stede i begge objekter, vil det andet objekts værdi erstatte værdien fra det første. I dette indlæg beskrev vi metoderne til dynamisk at flette/kombinere egenskaberne for to JavaScript-objekter.