Méthodes d'accès aux propriétés JavaScript

En JavaScript, un objet peut être défini comme une collection de propriétés non ordonnées qui lui sont associées. Il propose également trois méthodes différentes pour accéder aux propriétés de l'objet, qui sont toutes utiles et peuvent être utilisées en combinaison. Les méthodes dont nous parlons sont Accessoire de propriété DOT, Accessoire de propriété carrée, et Destructuration des objets.

Ce guide discutera des méthodes spécifiées pour accéder aux propriétés de l'objet JavaScript. De plus, nous démontrerons également la syntaxe, l'utilisation et les exemples liés à l'accessoire de propriété DOT, à l'accessoire de propriété carrée et aux méthodes de destructeur d'objets. Alors, commençons!

Accessoire de propriété DOT pour les propriétés JavaScript

La première méthode et la plus courante pour accéder aux propriétés JavaScript d'un objet est d'utiliser l'accessoire de propriété DOT. Cette méthode n'est utilisée que pour accéder aux identifiants valides de l'objet déclaré.

La syntaxe de l'accessoire de propriété DOT est donnée ci-dessous:

nom d'objet.nom de la propriété

Ici, vous pouvez ajouter le "nom d'objet" et "nom de la propriété«De l'objet créé auquel vous souhaitez accéder.

Exemple: Utilisation de la propriété DOT pour accéder aux propriétés JavaScript

Nous allons créer un «employé"Object et définir son«nom" propriété.

const Employee =
Nom: «John»
;

Après cela, vous pouvez accéder à la propriété ajoutée en écrivant le code suivant dans la fenêtre de la console:

employé.nom;

Dans le code donné ci-dessus, l'accessoire de propriété DOT accédera au «nom«Propriété du«employé”Objet JavaScript:

Accéder aux identifiants valides et non valides pour les propriétés JavaScript

Lorsque vous spécifiez le nom de la propriété comme un identifiant valide, L'accessoire de propriété DOT fonctionne correctement. En JavaScript, un identifiant valide comprend chiffres (0-9), caractères spéciaux ($, _), et Lettres Unicode. Cependant, parfois les propriétés ajoutées ne sont pas des identifiants valides.

Par exemple, dans le code indiqué ci-dessous, le «nom-1" et "5«Sont les identificateurs non valides, de sorte que l'accessoire de propriété DOT ne fonctionnera pas d'exécuter sa fonctionnalité dans le code donné:

const Employee =
'name-1': 'John',
'5': 'Five'
;
employé.nom-1;
employé.5;

Ici, les deux du «employé«Les propriétés des objets sont des identificateurs non valides comme le«nom-1"Contient" - "et l'autre propriété commence quel nombre"5,«Ce qui est une indication pour l'identifiant non valide:

JavaScript propose également des solutions pour chaque problème rencontré, y compris l'utilisation d'identifiants non valides. Si vous avez ajouté les propriétés pour votre objet ayant des noms uniques, vous pouvez utiliser le accessoire de propriété carrée pour accéder à ces propriétés.

Accessoire de propriété carrée pour les propriétés JavaScript

L'accessoire de propriété carré est utilisé pour accéder aux propriétés de l'objet auxquelles vous ne pouvez pas accéder avec l'accessoire de propriété DOT. Il est principalement utilisé pour accéder à l'identifiant et aux propriétés non valides de l'objet de tableau.

Consultez la syntaxe de l'accessoire de propriété carré pour accéder aux propriétés de l'objet JavaScript:

ObjectName [propriétéName]

Ici, vous devez spécifier le «nom d'objet»Et sa propriété connexe dans le«nom de la propriété«À laquelle vous souhaitez accéder.

Exemple: Utilisation des crochets pour accéder aux propriétés JavaScript

Maintenant, nous allons accéder au «nom-1" et "5”Identificateurs non valides à l'aide des accessoires carrés de crochets:

const Employee =
'name-1': 'John',
'5': 'Five'
;
console.log (employé ['name-1']);
console.journal (employé [5]);

La sortie divisée ci-dessous déclare que nous avons accédé avec succès à la «nom-1" et "5«Propriétés javascript de notre«employé" objet:

Méthode de destructeur d'objets pour accéder aux propriétés JavaScript

Dans la méthode de destructeur de l'objet, l'affectation destructuration vous permet d'attribuer des propriétés liées aux variables et des tableaux de l'objet. Pour accéder aux propriétés d'objet JavaScript en utilisant la destructeur de l'objet, vous devez suivre la syntaxe suivante:

propriétéName = objectName

Ici, joignez le «nom de la propriété" dans le ""Braces bouclés puis ajoutez le"nom d'objet”À des fins d'affectation.

Exemple: Utilisation de la méthode de destructeur d'objets pour accéder aux propriétés JavaScript

Pour vous enseigner l'utilisation de la méthode de dé dure de l'objet, premièrement, nous créerons un «employé"Objet ayant un"nom" propriété. Après cela, nous ajouterons la ligne d'objet destructrice, qui est «const name = employé;". Cette destruction définira une variable «nom«Avoir la valeur de la propriété des objets employés:

const Employee =
Nom: «John»
;
const name = employé;
console.log (nom);

La sortie divisée ci-dessous déclare que nous avons accédé avec succès à la «nom«Propriété de notre«employé”Objet JavaScript à l'aide de la méthode de destructeur de l'objet:

Conclusion

L'accessoire de propriété DOT, l'accessoire carré de crochets et les objets destructeurs sont les méthodes d'accès aux propriétés JavaScript. Le Accessoire de propriété DOT est utilisé pour accéder à l'identifiant JavaScript valide d'un objet. Tandis que le Accessoire de carrés est utilisé pour accéder à l'identifiant non valide ou au nom de la propriété dynamique. Également Méthode destructrice d'objets peut vous aider à accéder aux propriétés des objets. Nous avons démontré l'accessoire de propriété DOT, l'accessoire de propriété carrée et les méthodes de destructeur d'objets pour accéder aux propriétés JavaScript avec des exemples dans cet article.