Maison > interface Web > js tutoriel > Qu'est-ce que le raccourci de valeur de propriété littérale d'objet JavaScript `{a, b, c}` ?

Qu'est-ce que le raccourci de valeur de propriété littérale d'objet JavaScript `{a, b, c}` ?

Patricia Arquette
Libérer: 2024-12-20 09:59:14
original
622 Les gens l'ont consulté

What is the JavaScript Object Literal Property Value Shorthand `{a, b, c}`?

Abréviation de la valeur de propriété littérale d'objet expliquée : qu'est-ce que {a, b, c} en JavaScript ?

Question :

En JavaScript, la syntaxe var f = {a, b, c}; introduit une structure de données qui semble combiner un objet littéral et un tableau. Qu'est-ce que cette syntaxe exactement et comment se compare-t-elle aux littéraux d'objet traditionnels ?

Réponse :

Introduite dans ES6 (ECMAScript 2015), la syntaxe var f = { une, b, c} ; est connu sous le nom de Raccourcis de valeur de propriété littérale d'objet. Il fournit une notation abrégée pour initialiser un littéral d'objet, où les noms de propriété sont dérivés des noms de variables.

Cette syntaxe est fonctionnellement équivalente à :

var f = {a: a, b: b, c: c};
Copier après la connexion

Essentiellement, elle élimine le besoin pour spécifier explicitement les clés de propriété, ce qui permet d'obtenir un code plus concis et plus lisible. Ce raccourci peut également être combiné avec l'initialisation d'objet traditionnelle, comme le montre :

var f = {a: 1, b, c};
Copier après la connexion

Cette fonctionnalité est particulièrement utile lors de la création d'objets contenant un ensemble de données avec des noms de propriétés et de variables correspondants. Par exemple, pour créer un objet à partir d'un tableau de valeurs, on peut utiliser :

var arr = [1, 'x', true];
var obj = {a: arr[0], b: arr[1], c: arr[2]};
Copier après la connexion

En utilisant le raccourci de valeur de propriété, cela peut s'écrire comme :

var obj = {a, b, c};
Copier après la connexion

Cette syntaxe fournit un outil puissant pour créer et initialiser des objets en JavaScript. Reportez-vous à la documentation sur les définitions de propriétés dans l'initialiseur d'objet pour plus d'informations.

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