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

Comment créer des propriétés d'objet JavaScript à l'aide de noms de variables ?

Mary-Kate Olsen
Libérer: 2024-12-08 16:42:10
original
961 Les gens l'ont consulté

How to Create JavaScript Object Properties Using Variable Names?

Création de propriétés d'objet à partir de valeurs de variables en JavaScript

En JavaScript, l'ajout de propriétés à un objet peut être effectué de différentes manières. Une méthode courante consiste à utiliser la notation par points, qui vous permet de créer une propriété portant le même nom que la variable que vous spécifiez. Cependant, si vous souhaitez créer une propriété avec un nom stocké dans une variable, vous devez utiliser une approche différente.

Pour créer une propriété d'objet à partir d'une valeur de variable, vous pouvez utiliser la notation entre crochets. Dans cette méthode, vous placez le nom de la propriété entre crochets et lui attribuez la valeur de la variable. Voici un exemple :

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

Comme vous pouvez le voir, en utilisant la notation entre crochets, vous pouvez créer une propriété avec le nom stocké dans la variable « a ». Le résultat de alert(myObj.string1) sera « non défini » car l'objet n'a pas de propriété nommée « string1 ». Cependant, alert(myObj.a) renvoie 'string2', qui est ce que nous avons attribué à la propriété à l'aide de la variable 'a'.

La notation entre crochets est particulièrement utile lorsque vous souhaitez créer dynamiquement des propriétés d'objet basées sur saisie utilisateur ou autres données dynamiques, offrant une plus grande flexibilité dans la création d'applications JavaScript.

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