Come unire gli oggetti in JavaScript

Come unire gli oggetti in JavaScript
JavaScript non è un linguaggio orientato agli oggetti basato su classe, è un linguaggio orientato agli oggetti. Tuttavia, ha ancora modi di utilizzare la programmazione orientata agli oggetti (OOP). Gli "oggetti" in JavaScript sono entità autonome con proprietà e metodi. In alcune situazioni, gli sviluppatori devono unire gli oggetti per svolgere determinate attività. Per unire gli oggetti, JavaScript offre vari metodi predefiniti.

Questo tutorial dimostrerà i metodi per unire gli oggetti in JavaScript.

Come unire gli oggetti in JavaScript?

Per unire gli oggetti in JavaScript, utilizzare i seguenti metodi:

  • Oggetto.Metodo Assegna ()
  • Operatore di diffusione.

Vediamo il funzionamento di questi metodi individualmente.

Metodo 1: unisci gli oggetti usando l'oggetto.Metodo Assegna ()

Per unire gli oggetti in un singolo oggetto, usa il "Oggetto.assegnare()" metodo. Non è necessario creare un oggetto separato per la fusione. Prende l'oggetto come target e unisce tutti gli altri oggetti.

Sintassi
Segui la sintassi sotto fornita per la fusione degli oggetti usando l'oggetto.Metodo Assegna ():

Oggetto.Assegna (target, source1, sorgente2, ...);

La sintassi sopra mostra

  • "bersaglio"È l'oggetto target in cui si fonderanno tutti gli altri oggetti.
  • "Source1, Source2, .. "Sono gli oggetti che si uniranno a un oggetto target.

Valore di ritorno
Restituirà l'oggetto target dopo aver unito altri oggetti.

Esempio
Crea due oggetti chiamati "informazioni" E "info1"Con le proprietà corrispondenti:

var info =
Nome: 'John',
Età: 28,
Email: '[email protected]
;
var info1 =
Abilità: "Javascript",
Qualifica: "BSCS"
;

Unire l'oggetto "info1" obiettare "informazioni"Passandoli all'oggetto.Metodo Assegna () ". L'oggetto "informazioni"È l'oggetto target e il"info1"È la fonte:

var candidateInformation = oggetto.Assegna (info, info1);

Stampa l'oggetto unito sulla console usando "console.tronco d'albero()" metodo:

console.registro (candidateInformation);

L'output indica che l'oggetto "info1"Viene unito con successo nell'oggetto"informazioni":

Metodo 2: unisci gli oggetti usando l'operatore di diffusione

C'è un altro modo per unire gli oggetti, usando l'operatore di diffusione, che è indicato da tre punti (...). Costruisce un nuovo oggetto combinando tutte le proprietà degli oggetti che vengono passati. Per comprendere l'operatore di diffusione, guarda la sintassi.

Sintassi
Utilizzare la seguente sintassi per l'operatore di spread:

var a = … obj

Esempio
Qui, unisci gli oggetti "info" e "info1" con l'aiuto dell'operatore di diffusione (...) e memorizzalo in una variabile "CandidateInformation":

var candidateInformation = … info,… info1;

Stampa il nuovo oggetto memorizzato nella variabile, usando "console.tronco d'albero()" metodo:

console.registro (candidateInformation);

L'output mostra che gli oggetti vengono uniti correttamente

Conclusione

Per unire gli oggetti in JavaScript, il "Oggetto.assegnare()Metodo o il "Operatore di diffusione" si usa. Nell'oggetto.Metodo Assegna (), gli oggetti vengono uniti nell'oggetto mirato specificato nel suo argomento. Il secondo metodo crea un nuovo oggetto risultante passando gli oggetti con l'operatore di diffusione. Questo tutorial dimostra i metodi per unire gli oggetti in JavaScript.