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

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

Susan Sarandon
Susan Sarandonoriginal
2024-11-03 17:12:30391parcourir

How Can Computed Property Names Simplify Object Literal Creation in 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!

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