Objet JavaScript.Affecter la méthode | Expliqué

Le javascript ES6 a présenté le «Objet.attribuer()«Méthode qui vous permet de copie propriétés d'un seul ou multiple "source"S'oppose à un"cible" objet. Cette méthode effectue le «obtenir«Opération pour récupérer les propriétés de l'objet source et«ensemble"Les dans l'objet cible spécifié.

Cet article discutera du fonctionnement du Objet JavaScript.Assign () Méthode. Alors, commençons!

Comment utiliser l'objet JavaScript.Assign () Méthode

L'objet JavaScript.La méthode attribution () est considérée comme utile pour les cas suivants:

• Pour cloner un objet.
• Pour fusionner plusieurs objets en un seul objet.

Nous discuterons des applications mentionnées de l'objet.Assignez () Méthode dans la section suivante.

Comment cloner un objet en utilisant un objet JavaScript.Assign () Méthode

Le "Objet.attribuer()"La méthode est utilisée pour cloner l'énumérable"valeur clé”Paire d'un objet source déjà créé dans l'objet cible. Il est principalement utilisé pour effectuer le «Peu profond«Procédure de copie.

Syntaxe de l'utilisation de l'objet JavaScript.Assigner () Méthode pour cloner l'objet

Objet.attribuer (cible, source)

Ici, "cible»Représente l'objet JavaScript dont la paire de valeurs clés sera clonée, et«source»Indique l'objet où la paire de valeurs clés copiée sera placée.

Exemple: comment cloner un objet en utilisant un objet JavaScript.Assign () Méthode

Tout d'abord, nous créerons un «employé”Objet, ayant les deux paires de valeurs clés et un objet vide nommé«EMP1»:

const Employee =
Nom: 'Alex',
Désignation: «gestionnaire»
;
Soit emp1 = ;

Ensuite, nous allons cloner le «employé«Propriétés d'objet au«EMP1"Objet utilisant JavaScript"Objet.attribuer()" méthode. Pour ce faire, nous spécifierons «EMP1" comme "cible"Objet et"employé" comme "source" objet:

Objet.Assign (EMP1, employé);

Exécution du «Objet.attribuer()«La méthode renverra l'objet cible qui est«EMP1" dans notre cas:

Nous allons maintenant modifier la valeur du «employé.nom"Propriété et vérifiez si les modifications ajoutées reflètent également le cloné"EMP1”Objet ou non:

employé.name = 'Stepheny';
console.Log ("Nom EMP1:" + EMP1.nom);
console.Journal ("Employé.Nom: "+ Employé.nom);

Comme vous pouvez le voir sur la sortie ci-dessous qui modifiant le «employé.nom«La valeur de la propriété n'a pas modifié le«EMP1" objet. En effet, l'objet cible «EMP1"Se déconnecte du"employé”Objet après clonation de ses valeurs:

Cependant, lorsqu'un objet référencé intérieur est ajouté, le JavaScript "Objet.attribuer()"La méthode sera copie c'est référence, pas l'objet réel. Dans un tel scénario, les objets source et cible se réfèrent au même objet référencé intérieur, et les modifications apportées à la propriété de l'objet source affecteront également la valeur de propriété de l'objet cible.

Par exemple, dans le «employé"Objet, nous allons ajouter"adresse«En tant qu'objet intérieur référencé qui comprend un«ville" Propriété:

const Employee =
adresse:
Ville: 'Ankara'

;

Après cela, nous allons cloner les propriétés du «employé"Objet dans"EMP1»:

Soit emp1 = ;
Objet.Assign (EMP1, employé);

Sortir

À ce point, "EMP1"L'objet fait référence à l'adresse mémoire de la référence intérieure"adresse«Objet du«employé»Et peut accéder à sa paire de valeurs clés:

console.Log ("EMP1.adresse.Ville: "+ EMP1.adresse.ville);
console.Journal ("Employé.adresse.Ville: "+ Employé.adresse.ville);

La sortie donnée montre que «Ankara"Est défini comme la valeur du"adresse«Propriété pour les deux«employé" et "EMP1" objets:

Maintenant, si nous modifions la valeur de «adresse.ville" propriété de "employé"Objet alors que des modifications seront appliquées au copié"EMP1”Objet aussi:

employé.adresse.City = 'Istanbul';
console.Log ("EMP1.adresse.Ville: "+ EMP1.adresse.ville);
console.Journal ("Employé.adresse.Ville: "+ Employé.adresse.ville);

Les invoqués «console.enregistrer()"La méthode affichera"Istanbul" comme "adresse.ville«Valeur de la propriété pour les deux»employé" et "EMP1" objets:

Maintenant, voyons la méthode de fusion d'objets à l'aide de l'objet JavaScript.Assign () Méthode.

Comment fusionner des objets à l'aide de l'objet JavaScript.Assign () Méthode

En JavaScript, vous pouvez également utiliser le «Objet.attribuer()«Méthode pour fusion différente source objets dans une un cible objet. À cette fin, vous devez suivre la syntaxe donnée ci-dessous.

Syntaxe de l'utilisation de l'objet JavaScript.Assign () Méthode pour fusionner les objets

cible = objet.attribution (, source1, source2);

Ici, "source1", et "source2»Représente les multiples objets dont les propriétés vont être fusionnées dans le«cible"Objet, en utilisant"Objet.attribuer()" méthode.

Exemple: comment fusionner des objets à l'aide de l'objet JavaScript.Assign () Méthode

Pour démontrer la procédure de fusion d'objets en utilisant le «Objet.attribuer()"Méthode, premièrement, nous créerons deux objets nommés"fruit" et "légume»:

const fruit = fruitName: 'Apple';
const Vegetable = VegelEname: 'Potato';

Après cela, nous invoquerons le «Objet.attribuer()"Méthode pour fusionner"fruit" et "légumes"Objets dans la cible"comestibles”Objet qui est actuellement vide :

constables cariables = objet.attribuer (, fruit, légume);
console.journal (aliments);

À la suite de l'exécution, le «console.enregistrer()"La méthode imprimera le"comestibles«Propriétés d'objets et leurs valeurs respectives dans la console:

Cependant, si vous souhaitez ajouter une propriété au «cible”Objet Avant d'effectuer l'opération de fusion, puis jetez un œil à la syntaxe suivante:

cible = objet.attribution (propriété: 'value', source1, source2);

Selon la syntaxe ci-dessus, «valeur de la propriété"Représente la paire de valeurs clés qui sera ajoutée au"cible"Objet, puis le"Objet.attribuer()«La méthode fusionnera le«source1" et "source2"Objets dans le spécifié"cible" objet.

Pour comprendre clairement le concept indiqué, exécutez le code indiqué ci-dessous:

constables cariables = objet.attribuer (collations: 'biscuit', fruit, légume);
console.journal (aliments);

Ici le "Objet.attribuer()«La méthode fusionnera les propriétés de«fruit" et "légume"Objects dans"comestibles"Objet, après avoir ajouté le"Snacks: 'Cookie'»Paire de valeurs clés:

Nous avons compilé des informations essentielles liées au usage de L'objet JavaScript.attribuer() Méthode pour copier et fusion des objets. Explorez-les plus loin en fonction de vos préférences.

Conclusion

Le javascript Objet.attribuer() la méthode est utilisée pour cloner l'énumérable valeur clé paire d'un objet déjà créé. Cette méthode accepte deux arguments: source et cible, où «source»Représente l'objet dont les propriétés seront clonées dans le«cible" objet. Il est également invoqué pour fusionner un ou plusieurs objets multiples dans un seul objet. Cet article a discuté du fonctionnement de l'objet JavaScript.Assign () Méthode.