Destructuration de l'objet dans JavaScript | Expliqué

Dans Javascript, objet destructeur est une expression d'affectation qui vous permet d'accéder à une valeur de propriété d'un objet et de les lier à des variables séparées. Cette fonctionnalité a été intégrée dans le javascript ES6 Version, ce qui facilite l'extraction des multiples propriétés d'un objet JavaScript avec l'exécution d'une seule ligne.

Tout en détruisant un objet, le nom de la propriété de l'objet est utilisé comme nom de variable. Si le nom spécifié ne correspond pas à la propriété de l'objet, l'opération d'attribution de destructuration de l'objet initialise la variable avec un «indéfini" valeur. Cependant, vous pouvez spécifier un «valeur par défaut”Pour une propriété d'objet inexistante avec une affectation destructrice.

Ce message enseignera la destructeur des objets et son utilisation en JavaScript. Alors, commençons!

Comment utiliser l'objet destructeur en javascript

Supposons que nous ayons un «employé”Objet dans l'environnement pré-ES6, avec les deux propriétés suivantes «Nom» et «désignation»:

var employé =
Nom: 'Paul',
Désignation: «gestionnaire»
;

Maintenant, pour extraire les propriétés du «employé”Objet, nous ajouterons le code suivant dans le programme et l'exécuterons:

var name = employé.nom;
Var désignation = employé.désignation;
console.log ('nom de l'employé:' + nom);
console.Log ('Désignation des employés:' + désignation);

Ici, la valeur du «employé.nom«La propriété est affectée au«nom«Variable, et le«employé.désignation«La valeur de la propriété est affectée à«désignation»:

Comme vous pouvez le voir, la procédure donnée d'accéder à la propriété d'un objet et de les attribuer à la variable spécifiée a besoin "chauffe-plaque”Code, où une section de code est exécutée avec le même modèle et la même altération.

ES6 a intégré une procédure alternative pour l'attribution des propriétés d'un objet aux variables appelées «Destructuration des objets". La destructuration des objets empêche la duplication d'un nom de propriété, et il permet d'extraire plusieurs propriétés d'un objet JavaScript en utilisant une seule instruction.

Comment extraire une seule propriété d'un objet utilisant l'objet destructeur en javascript

Voici la syntaxe de base de la destruction de l'objet qui peut être utilisée pour extraire une propriété spécifique d'un objet JavaScript:

const propriété = objet;

Maintenant, nous allons accéder au «nom"Propriété de déjà créé"employé”Objet en le détruisant:

Soit name = employé;
console.log ('nom de l'employé:' + nom);

L'exécution du code donné créera une variable nommée «nom»Et attribuez la valeur du«employé.nom»Propriété à lui:

Comment extraire plusieurs propriétés d'un objet utilisant l'objet destructeur dans JavaScript

Si tu veux extraire plusieurs propriétés d'un objet à l'aide de la destruction de l'objet, puis suivez la syntaxe divisée ci-dessous:

Soit propriété1, propriété2 = objet;

Ici, les variables créées pour le «Property1» et «Property2» aura les mêmes noms que le spécifié "objet«Les propriétés ont; Ainsi, cela rend le programme plus concis.

Par exemple, nous pouvons détruire le «employé”Objet pour accéder à son «Nom» et «désignation» Propriétés de la manière suivante:

Soit name, désignation = employé;

Ensuite, nous allons imprimer les valeurs extraites des propriétés spécifiées sur la console:

console.log ('nom de l'employé:' + nom);
console.Log ('Désignation des employés:' + désignation);

La sortie donnée signifie que nous avons réussi à récupérer le «Nom» et «désignation» Propriétés du «employé" objet:

Comment définir la valeur de propriété par défaut pour un objet en utilisant la destruction de l'objet dans JavaScript

Si vous essayez d'accéder à une propriété qui n'est pas ajoutée dans l'objet détruit, cette propriété spécifique sera initialisée avec un «indéfini" valeur.

Comme notre créé «employé"L'objet ne comprend que Les propriétés «nom» et «désignation», et «âge» La propriété n'existe pas dans l'informatique, donc l'affectation de destructure d'objet donné attribuera une valeur «non définie» à «âge" propriété:

const age = employé;
console.journal (âge);

Cependant, la destruction des objets vous permet également de définir un "Valeur par défaut" pour une propriété qui n'est pas définie dans l'objet détruit. Pour impliquer cette fonctionnalité, suivez la syntaxe donnée:

const propriété = defaultValue = objet;

Nous attribuerons "25" comme valeur par défaut du "âge" propriété:

const age = [25] = employé;
console.journal (âge);

Au lieu de "indéfini", maintenant le "console.enregistrer()»La méthode imprimera «25» comme «l'âge» valeur de la propriété:

Nous avons compilé les informations essentielles liées à la destruction de l'objet en JavaScript. Vous pouvez l'explorer en fonction de vos exigences.

Conclusion

Destructuration des objets en javascript est une fonctionnalité utile qui vous permet extraire des propriétés uniques ou multiples à partir d'un objet JavaScript et attribuer leurs valeurs respectives à des variables distinctes. Il empêche la duplication d'un nom de propriété et permet d'extraire plusieurs propriétés d'un objet JavaScript avec une seule instruction. Cet article a expliqué la destructeur des objets et son utilisation en javascript.