Un oggetto in JavaScript è descritto come un gruppo di coppie chiave-valore. A volte, gli sviluppatori possono richiedere di combinare le proprietà dei due oggetti in un nuovo oggetto. Questo processo è chiamato fusione. Per unire oggetti, JavaScript fornisce alcuni metodi integrati chiamati ' Oggetto.assegna() ” metodo o il “ Operatore di diffusione ”.
Questo post descriverà i metodi per unire dinamicamente le proprietà di due oggetti JavaScript.
Come unire dinamicamente le proprietà di due oggetti JavaScript?
Utilizza i seguenti metodi per unire dinamicamente le proprietà di due oggetti JavaScript:
Metodo 1: unisci/combina le proprietà di due oggetti JavaScript in modo dinamico utilizzando il metodo Object.assign()
Usa il ' Oggetto.assegna() ” per combinare dinamicamente le proprietà di due oggetti JavaScript. Questo metodo mantiene l'integrità degli oggetti originali copiando tutte le proprietà enumerabili in un oggetto di destinazione da uno o più oggetti di origine. Se lo stesso attributo è presente in entrambi gli oggetti, il valore del secondo oggetto sostituirà il valore del primo. Si noti che questo metodo copia solo le proprietà enumerabili, quindi non copierà le proprietà ereditate dal prototipo dell'oggetto.
Sintassi
Segui la sintassi fornita per unire due oggetti JavaScript:
targetObject = Oggetto.assign ( obj1, obj2, ... ) ;Esempio
Crea un oggetto” Informazioni ”:
dove informazione = {nome: 'Jenny' ,
età: 24 ,
Rollno: quindici
} ;
Crea secondo oggetto “ attività ” con le seguenti coppie di chiavi:
var attività = {gioco: 'Cricket' ,
esercizio: 'Yoga'
} ;
Chiama il ' Oggetto.assegna() ” metodo per unire le proprietà del “ Informazioni ' e ' attività ” in un nuovo oggetto chiamato “ alunno ”:
var studente = Object.assign ( informazioni, attività ) ;Stampa le proprietà dell'oggetto “ alunno ' usando il ' console.log() ' metodo:
console.log ( alunno ) ;L'output indica che le proprietà degli oggetti ' Informazioni ' e ' attività ' sono uniti con successo nel nuovo oggetto ' alunno ”:
Metodo 2: unisci/combina le proprietà di due oggetti JavaScript in modo dinamico utilizzando l'operatore Spread
Esiste un altro approccio per unire i due oggetti JavaScript, che utilizza il ' Operatore di diffusione ”. È l'approccio comunemente utilizzato per unire oggetti copiando tutti gli attributi dagli oggetti. Se due oggetti hanno una proprietà con lo stesso nome, la proprietà dell'oggetto a destra sostituisce quella precedente.
Sintassi
La seguente sintassi viene utilizzata per unire le proprietà di due oggetti JavaScript con l'aiuto dell'operatore Spread:
targetObject = Oggetto.assign ( ...obj1, ...obj2, .... ) ;Esempio
Crea un nuovo oggetto” alunno ” e unire le proprietà degli oggetti “ Informazioni ' e ' attività ” nello studente usando l'operatore Spread “ … ”:
era uno studente = {...informazioni, ...attività
} ;
Produzione
Abbiamo fornito tutte le informazioni necessarie relative all'unione degli oggetti in JavaScript.
Conclusione
Per unire/combinare le proprietà degli oggetti in JavaScript, utilizzare il ' Oggetto.assegna() ” metodo o il “ Operatore di diffusione ”. L'operatore spread è l'approccio più comunemente utilizzato per unire le proprietà degli oggetti JavaScript. Se lo stesso attributo è presente in entrambi gli oggetti, il valore del secondo oggetto sostituirà il valore del primo. In questo post, abbiamo descritto i metodi per unire/combinare dinamicamente le proprietà di due oggetti JavaScript.