Maison > interface Web > js tutoriel > Quand et pourquoi utiliser des crochets dans les noms de propriétés littérales d'objet ?

Quand et pourquoi utiliser des crochets dans les noms de propriétés littérales d'objet ?

DDD
Libérer: 2024-11-10 21:36:02
original
782 Les gens l'ont consulté

When and Why Use Square Brackets in Object Literal Property Names?

Comprendre les crochets dans les noms de propriétés de littéraux d'objet

En JavaScript, les littéraux d'objet sont couramment utilisés pour représenter les données sous forme de paires clé-valeur. Cependant, une syntaxe moins familière implique des crochets entourant les noms de propriétés. Explorons la signification de cette syntaxe.

Noms de propriétés calculés

Introduits dans ES6, les crochets permettent la création de noms de propriétés calculés. Contrairement aux noms de propriétés traditionnels qui sont des chaînes statiques, les noms de propriétés calculés peuvent être des expressions dynamiques, évaluées au moment de l'exécution.

Exemple :

dist: {
    files: {
      [bpr + 'lib/Monster.min.js']: ['<%= concat.dist.dest %>']
    }
  }
}
Copier après la connexion

Dans cet exemple, la propriété Le nom est généré dynamiquement à l'aide de l'expression bpr 'lib/Monster.min.js'. Cette fonctionnalité vous permet de définir des noms de propriétés basés sur des variables dynamiques ou d'autres calculs.

Cas d'utilisation

Les noms de propriétés calculés sont particulièrement utiles lorsque :

  • Vous souhaitez créer des noms de propriétés dynamiques basés sur les entrées de l'utilisateur ou des données externes.
  • Vous devez accéder aux propriétés d'un objet à l'aide de variables ou d'expressions.
  • Vous souhaitez éviter d'utiliser la concaténation de chaînes. pour créer des noms de propriétés.

Définition MDN

Le Mozilla Developer Network (MDN) définit les noms de propriétés calculés comme :

"Commençant par ECMAScript 2015, la syntaxe d'initialisation d'objet prend également en charge les noms de propriété calculés. Cela vous permet de mettre une expression entre crochets [], qui sera calculée comme nom de propriété."

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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal