Maison >interface Web >js tutoriel >Comment puis-je utiliser des variables comme noms de propriétés dans des objets JavaScript ?

Comment puis-je utiliser des variables comme noms de propriétés dans des objets JavaScript ?

Patricia Arquette
Patricia Arquetteoriginal
2024-11-02 03:26:02377parcourir

How Can I Use Variables as Property Names in JavaScript Objects?

Accès aux propriétés d'objet avec des variables

Les objets JavaScript peuvent-ils incorporer des variables en tant que noms de propriété, telles que :

<code class="javascript">var myVar = "name";
var myObject = {
    {myVar}: "value"
};</code>

Solution : Noms de propriétés calculés

Dans ES6 :
ES6 introduit des noms de propriétés calculés, permettant l'utilisation d'expressions comme noms de propriétés :

<code class="javascript">var myVar = "name";
var myObject = {
    [myVar]: "value"
};</code>

Dans Pre-ES6 :
Bien que cela ne soit pas pris en charge dans les littéraux d'objet, vous pouvez attribuer dynamiquement des propriétés avec la syntaxe [] :

<code class="javascript">var myObject = {};
var myVar = "name";
myObject[myVar] = "value";</code>

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!

Déclaration:
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