Et objekt i JavaScript beskrives som en gruppe nøkkelverdi-par. Noen ganger kan utviklere kreve å kombinere egenskapene til de to objektene i et nytt objekt. Denne prosessen kalles sammenslåing. For å slå sammen objekter gir JavaScript noen innebygde metoder kalt ' Object.assign() '-metoden eller ' Spredningsoperatø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 å slå sammen egenskapene til to JavaScript-objekter dynamisk:
Metode 1: Slå sammen/kombiner egenskaper for to JavaScript-objekter dynamisk ved å bruke Object.assign()-metoden
Bruke ' Object.assign() ” metode for dynamisk å kombinere egenskapene til to JavaScript-objekter. Denne metoden opprettholder de originale objektenes integritet ved å kopiere alle tallrike egenskaper til et målobjekt fra ett eller flere kildeobjekter. Hvis samme attributt er tilstede i begge objektene, vil det andre objektets verdi erstatte verdien fra det første. Merk at denne metoden bare kopierer tallrike egenskaper, så den vil ikke kopiere egenskaper som er arvet fra objektets prototype.
Syntaks
Følg den angitte syntaksen for å slå sammen to JavaScript-objekter:
targetObject = Object.assign ( obj1, obj2, ... ) ;Eksempel
Lag et objekt ' info ':
hvor info = {Navn: 'Jenny' ,
alder: 24 ,
Rollno: femten
} ;
Lag andre objekt ' aktiviteter ' med følgende nøkkelpar:
var aktiviteter = {spill: 'Siriss' ,
trening: 'Yoga'
} ;
Ring ' Object.assign() '-metoden for å slå sammen egenskapene til ' info ' og ' aktiviteter ' i et nytt objekt kalt ' student ':
var student = Object.assign ( info, aktiviteter ) ;Skriv ut egenskapene til objektet ' student ' bruker ' console.log() ' metode:
console.log ( student ) ;Utgangen indikerer at egenskapene til objekter ' info ' og ' aktiviteter ' er slått sammen i det nye objektet ' student ':
Metode 2: Slå sammen/kombiner egenskaper for to JavaScript-objekter dynamisk ved hjelp av Spread Operator
Det er en annen tilnærming for å slå sammen de to JavaScript-objektene, som bruker ' Spredningsoperatør '. Det er den vanligste metoden 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 for å slå sammen egenskaper til to JavaScript-objekter ved hjelp av Spread-operatoren:
targetObject = Object.assign ( ...obj1, ...obj2, .... ) ;Eksempel
Opprett et nytt objekt ' student ' og slå sammen egenskapene til objekter ' info ' og ' aktiviteter ' i elev ved å bruke Spread-operator ' … ':
var student = {...info, ...aktiviteter
} ;
Produksjon
Vi har gitt all nødvendig informasjon knyttet til sammenslåing av objektene i JavaScript.
Konklusjon
For å slå sammen/kombinere egenskapene til objekter i JavaScript, bruk ' Object.assign() '-metoden eller ' Spredningsoperatør '. Spredningsoperatoren er den mest brukte metoden for å slå sammen egenskapene til JavaScript-objekter. Hvis samme attributt er tilstede i begge objektene, vil det andre objektets verdi erstatte verdien fra det første. I dette innlegget beskrev vi metodene for dynamisk å slå sammen/kombinere egenskapene til to JavaScript-objekter.