Maison > interface Web > js tutoriel > Comment accéder aux propriétés d'un objet JavaScript à l'aide d'une chaîne pour le nom de la propriété ?

Comment accéder aux propriétés d'un objet JavaScript à l'aide d'une chaîne pour le nom de la propriété ?

Patricia Arquette
Libérer: 2024-12-18 08:38:13
original
301 Les gens l'ont consulté

How to Access JavaScript Object Properties Using a String for the Property Name?

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 aux propriétés par leurs noms, qui peuvent être obtenus dynamiquement ou auprès de l'utilisateur. saisir. Cette question explique comment écrire une fonction pour récupérer une valeur de propriété en fonction de son nom représenté sous forme de chaîne.

Solution

La solution fournie propose deux approches :

Notation entre crochets :

Il s'agit de la méthode préférée pour accéder dynamiquement aux propriétés par nom. Cela implique d'utiliser des parenthèses ([]), comme :

var side = columns['right'];
Copier après la connexion

Fonction (en utilisant la notation entre parenthèses) :

Si vous avez spécifiquement besoin d'une fonction, vous pouvez utiliser :

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

Objets imbriqués

Si votre objet est imbriqué, vous pouvez accéder aux valeurs des propriétés en utilisant plusieurs crochets. Par exemple, avec l'objet :

var foo = { a: 1, b: 2, c: { x: 999, y: 998, z: 997 } };
Copier après la connexion

vous pouvez accéder à la propriété x comme ceci :

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

Propriétés non définies

Si une tentative de référence de propriété aboutit à un propriété indéfinie, elle renverra undéfini (ni nul ni faux). Par exemple :

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

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