Maison > interface Web > js tutoriel > Comment puis-je accéder dynamiquement aux propriétés des objets JavaScript en utilisant leurs noms comme chaînes ?

Comment puis-je accéder dynamiquement aux propriétés des objets JavaScript en utilisant leurs noms comme chaînes ?

Barbara Streisand
Libérer: 2024-12-23 10:21:10
original
614 Les gens l'ont consulté

How Can I Access JavaScript Object Properties Dynamically Using Their Names as Strings?

Accès aux propriétés d'objet JavaScript par nom sous forme de chaîne

Lorsque vous travaillez avec des objets JavaScript, il est souvent nécessaire d'accéder dynamiquement aux propriétés en fonction de leur noms stockés dans une variable ou renvoyés par une fonction. Voici comment y parvenir :

Utiliser la notation entre crochets

La méthode préférée pour accéder aux propriétés à l'aide d'une variable consiste à utiliser la notation entre crochets :

function read_prop(obj, prop) {
    return obj[prop];
}
Copier après la connexion

Par exemple, pour accéder à la propriété 'right' de l'objet donné :

var side = read_prop(columns, 'right');
Copier après la connexion

C'est l'équivalent du point notation :

var side = columns.right;
Copier après la connexion

Propriétés des objets imbriqués

Pour accéder aux propriétés des objets imbriqués, utilisez plusieurs crochets :

var cx = foo['c']['x'];
Copier après la connexion

Indéfini Propriétés

L'accès à une propriété non définie sera renvoyé 'undefined' :

foo['c']['q'] === undefined; // true
Copier après la connexion

Conclusion

L'utilisation de la notation entre crochets offre un moyen flexible d'accéder aux propriétés d'un objet JavaScript par son nom sous forme de chaîne, qu'il s'agisse d'un élément simple ou imbriqué. propriété. Il permet un accès plus dynamique aux propriétés, en particulier lorsque vous travaillez avec des données dynamiques ou des noms de propriétés inconnus.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal