Comment les noms de propriétés calculés peuvent-ils simplifier la création de littéraux d'objet en JavaScript ?

Utilisation de noms de propriétés calculés dans les littéraux d'objet JavaScript

En JavaScript, il est possible d'utiliser des noms de propriétés calculés pour définir des propriétés de manière dynamique dans un objet littéral. Cela permet d'attribuer la valeur d'une variable comme nom de propriété, comme dans l'exemple suivant :

var myVar = "name";
var myObject = { [myVar]: "value" };

Avant ES6

Avant l'introduction d'ES6, la notation entre crochets a dû être utilisée pour y parvenir :

var myObject = {};
var myVar = "name";
myObject[myVar] = "value";

Cependant, cette approche impliquait d'abord de créer l'objet, puis d'attribuer chaque propriété individuellement, ce qui la rendait moins concise.

ES6 et noms de propriétés calculés

Avec l'arrivée d'ES6, la syntaxe des noms de propriétés calculés est apparue :

[myVar]: "value"

Cette syntaxe permet l'affectation directe de la valeur d'une variable comme nom de propriété dans un objet littéral, simplifiant le processus.

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!