Maison > interface Web > js tutoriel > Comment attribuer dynamiquement des propriétés d'objet en JavaScript à l'aide de noms de variables ?

Comment attribuer dynamiquement des propriétés d'objet en JavaScript à l'aide de noms de variables ?

Mary-Kate Olsen
Libérer: 2024-12-19 04:28:17
original
946 Les gens l'ont consulté

How to Dynamically Assign Object Properties in JavaScript Using Variable Names?

Comment attribuer dynamiquement des propriétés d'objet à l'aide de noms de variables en JavaScript

Lorsque vous travaillez avec des objets en JavaScript, il peut être utile de créer des propriétés de manière dynamique en fonction des valeurs des variables. Un scénario courant est celui où vous avez une variable contenant le nom d'une propriété souhaitée et une autre variable contenant la valeur de cette propriété.

Cependant, en utilisant la notation par points pour attribuer une valeur à une propriété d'objet dont le nom est stocké dans une variable donne souvent une valeur non définie, comme le montre l'exemple suivant :

var myObj = new Object;
var a = 'string1';
var b = 'string2';
myObj.a = b;

alert(myObj.string1); //Returns 'undefined'
alert(myObj.a); //Returns 'string2'
Copier après la connexion

Pour créer dynamiquement une propriété avec le nom stocké dans une variable, vous pouvez utiliser la notation entre crochets au lieu du point notation :

myObj[a] = b;
Copier après la connexion

Dans cette notation, le nom de la propriété est mis entre crochets, vous permettant d'attribuer la valeur de b à la propriété string1.

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