Comment puis-je utiliser des noms de propriétés dynamiques dans les littéraux d'objet JavaScript ?

Noms de propriétés dynamiques dans les littéraux d'objet JavaScript

En JavaScript, les propriétés d'objet sont généralement accessibles à l'aide de la notation par points ou par crochets. Alors que le premier n'accepte que les chaînes littérales comme noms de propriété, le second offre une flexibilité accrue.

Notation entre crochets pour les noms de propriété dynamiques

La notation entre crochets permet l'utilisation de variables comme noms de propriété dans un littéral d'objet. . Ceci est réalisé grâce aux noms de propriété calculés, une fonctionnalité introduite dans ES6.

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

Dans l'exemple ci-dessus, myVar est utilisé comme nom de propriété dans le littéral d'objet à l'aide de crochets. Cela équivaut à utiliser l'approche traditionnelle suivante :

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

Limitations des littéraux d'objet

Il est important de noter que les noms de propriétés calculés ne peuvent pas être utilisés dans les littéraux d'objet eux-mêmes. Pour définir dynamiquement les noms de propriété pour un littéral d'objet, l'objet doit d'abord être créé, et les propriétés individuelles peuvent ensuite être attribuées à l'aide de la notation entre crochets.

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

Cela permet un meilleur contrôle sur les noms de propriété dans un objet.

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!