Hvordan slå sammen egenskaper til to JavaScript -objekter dynamisk

Et objekt i JavaScript beskrives som en gruppe nøkkelverdipar. Noen ganger kan utviklere kreve å kombinere egenskapene til de to objektene i et nytt objekt. Denne prosessen kalles sammenslåing. For sammenslåing av objekter gir JavaScript noen innebygde metoder som kalles “Gjenstand.tildele()”Metode eller“Spredt operatør”.

Dette innlegget vil beskrive metodene for å dynamisk slå sammen egenskapene til to JavaScript -objekter.

Hvordan slå sammen egenskaper til to JavaScript -objekter dynamisk?

Bruk følgende metoder for å dynamisk slå sammen egenskapene til to JavaScript -objekter:

• tilordne () Metode
• Spredt operatør

Metode 1: Fusjon/kombinere egenskaper til to JavaScript -objekter dynamisk ved bruk av objekt.tilordne () Metode

Bruke "Gjenstand.tildele()”Metode for å dynamisk kombinere egenskapene til to JavaScript -objekter. Denne metoden opprettholder de originale objektenes integritet ved å kopiere alle oppsatte egenskaper til et målobjekt fra ett eller flere kildeobjekter. Hvis det samme attributtet er til stede i begge objektene, vil det andre objektets verdi erstatte verdien fra den første. Merk at denne metoden bare kopierer enumerbare egenskaper, slik at den ikke kopierer egenskaper som er arvet fra objektets prototype.

Syntaks

Følg den medfølgende syntaksen for å slå sammen to JavaScript -objekter:

TargetObject = Objekt.tilordne (obj1, obj2, ...);

Eksempel

Lag et objekt “info”:

var info =
Navn: 'Jenny',
Alder: 24,
Rollno: 15
;

Opprett andre objekt “aktiviteter”Med følgende nøkkelpar:

var aktiviteter =
Spill: 'Cricket',
Trening: 'Yoga'
;

Ring "Gjenstand.tildele()”Metode for å slå sammen egenskapene til“info”Og“aktiviteter”I et nytt objekt som heter“student”:

var student = objekt.tilordne (info, aktiviteter);

Skriv ut egenskapene til objektet "student" bruker "konsoll.Logg()”Metode:

konsoll.logg (student);

Utgangen indikerer at egenskapene til objekter “info”Og“aktiviteter”Blir vellykket slått sammen i det nye objektet”student”:

Metode 2: Fusjon/kombinere egenskaper til to JavaScript -objekter dynamisk ved bruk av spredningsoperatør

Det er en annen tilnærming for å slå sammen de to JavaScript -objektene, som bruker "Spredt operatør”. Det er den ofte utnyttede tilnærmingen for å slå sammen objekter ved å kopiere alle attributter fra objekter. Hvis to objekter har en egenskap med samme navn, erstatter objektegenskapen til høyre den tidligere.

Syntaks

Følgende syntaks brukes til å slå sammen egenskaper til to JavaScript -objekter ved hjelp av spredningsoperatøren:

TargetObject = Objekt.Tilordne (... obj1, ... obj2, ...);

Eksempel

Lag et nytt objekt “student”Og slå sammen egenskapene til objekter”info”Og“aktiviteter”I Student som bruker spredt operatør”.. ”:

var student =
... info, ... aktiviteter
;

Produksjon

Vi har gitt all nødvendig informasjon relatert til sammenslåing av objektene i JavaScript.

Konklusjon

For å slå sammen/kombinere egenskapene til objekter i JavaScript, bruk "Gjenstand.tildele()”Metode eller“Spredt operatør”. Spredningsoperatøren er den mest brukte tilnærmingen for å slå sammen egenskapene til JavaScript -objekter. Hvis det samme attributtet er til stede i begge objektene, vil det andre objektets verdi erstatte verdien fra den første. I dette innlegget beskrev vi metodene for å dynamisk slå sammen/kombinere egenskapene til to JavaScript -objekter.