Comment accéder aux propriétés des objets JavaScript avec des traits d'union ?

Accès aux propriétés d'objet JavaScript avec des traits d'union

Lorsque vous travaillez avec JavaScript, référencer les propriétés d'objet avec un trait d'union peut être difficile. Considérez le scénario suivant :

var style = css($(this));
alert(style.width); // Works fine
alert(style.text-align); // Uncaught Reference Error

Le trait d'union dans "text-align" est interprété comme un signe moins, conduisant à l'erreur.

Solution 1 : conversion de cas Camel

Pour les propriétés CSS, l'utilisation de la notation clé camel case est préférable méthode :

obj.style-attr // Becomes

obj["styleAttr"]

Solution 2 : Notation clé

Vous pouvez également utiliser la notation clé au lieu de la notation par points :

style["text-align"]

JavaScript permet vous de faire référence aux propriétés de l'objet en utilisant la même syntaxe que les tableaux :

arr[0] // Array index

obj["method"] // Object property

Supplémentaire Considérations :

• Les propriétés accessibles avec la notation clé sont évaluées sous forme de chaînes.
• Les caractères non autorisés dans les variables JavaScript doivent être accessibles à l'aide de la notation clé.
• Le L'expression régulière suivante décrit les noms de propriétés valides :

[a-zA-Z_$][0-9a-zA-Z_$]*

En utilisant ces techniques, vous pouvez efficacement accéder aux propriétés des objets JavaScript contenant des traits d'union.

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!