Come unire le proprietà di due oggetti JavaScript in modo dinamico

Un oggetto in JavaScript è descritto come un gruppo di coppie di valore chiave. A volte, gli sviluppatori possono richiedere la combinazione delle proprietà dei due oggetti in un nuovo oggetto. Questo processo si chiama fusione. Per unire gli oggetti, JavaScript fornisce alcuni metodi integrati chiamati "Oggetto.assegnare()Metodo o il "Operatore di diffusione".

Questo post descriverà i metodi per unire dinamicamente le proprietà di due oggetti JavaScript.

Come unire le proprietà di due oggetti JavaScript in modo dinamico?

Usa i seguenti metodi per unire dinamicamente le proprietà di due oggetti JavaScript:

• Metodo Assegna ()
• Operatore di diffusione

Metodo 1: Unisci/combina le proprietà di due oggetti JavaScript usando l'oggetto.Metodo Assegna ()

Usa il "Oggetto.assegnare()"Metodo per combinare dinamicamente le proprietà di due oggetti JavaScript. Questo metodo mantiene l'integrità degli oggetti originali copiando tutte le proprietà enumerabili su un oggetto target da uno o più oggetti di origine. Se lo stesso attributo è presente in entrambi gli oggetti, il valore del secondo oggetto sostituirà il valore dal primo. Si noti che questo metodo copia solo proprietà enumerabili, quindi non copierà le proprietà ereditate dal prototipo dell'oggetto.

Sintassi

Segui la sintassi fornita per la fusione di due oggetti JavaScript:

TargetObject = oggetto.Assegna (obj1, obj2, ...);

Esempio

Crea un oggetto "informazioni":

var info =
Nome: "Jenny",
Età: 24,
Rollno: 15
;

Crea il secondo oggetto "attività"Con le seguenti coppie chiave:

var attività =
Gioco: "cricket",
Esercizio: "Yoga"
;

Chiama il "Oggetto.assegnare()"Metodo per unire le proprietà del"informazioni" E "attività"In un nuovo oggetto chiamato"alunno":

var studente = oggetto.Assegna (informazioni, attività);

Stampa le proprietà dell'oggetto "alunno" usando il "console.tronco d'albero()" metodo:

console.registro (studente);

L'output indica che le proprietà degli oggetti "informazioni" E "attività"Vengono uniti con successo nel nuovo oggetto"alunno":

Metodo 2: unisci/combina le proprietà di due oggetti JavaScript utilizzando dinamicamente l'operatore di diffusione

C'è un altro approccio per unire i due oggetti JavaScript, che sta usando il "Operatore di diffusione". È l'approccio comunemente utilizzato per la fusione di oggetti copiando tutti gli attributi dagli oggetti. Se due oggetti hanno una proprietà con lo stesso nome, la proprietà 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 di diffusione:

TargetObject = oggetto.Assegna (... obj1, ... obj2, ...);

Esempio

Crea un nuovo oggetto "alunno"E unisci le proprietà degli oggetti"informazioni" E "attività"In Student che utilizza Spread Operator".. ":

var Student =
... Informazioni, ... Attività
;

Produzione

Abbiamo fornito tutte le informazioni necessarie relative alla fusione degli oggetti in JavaScript.

Conclusione

Per unire/combinare le proprietà degli oggetti in JavaScript, usa il “Oggetto.assegnare()Metodo o il "Operatore di diffusione". L'operatore di diffusione è l'approccio più comunemente usato per unire le proprietà degli oggetti JavaScript. Se lo stesso attributo è presente in entrambi gli oggetti, il valore del secondo oggetto sostituirà il valore dal primo. In questo post, abbiamo descritto i metodi per unire/combinare dinamicamente le proprietà di due oggetti JavaScript.