Maison > interface Web > js tutoriel > Notation par points et notation par crochets pour les propriétés d'objet – Quelle est la différence ?

Notation par points et notation par crochets pour les propriétés d'objet – Quelle est la différence ?

Barbara Streisand
Libérer: 2024-11-15 01:52:02
original
658 Les gens l'ont consulté

Dot Notation vs Bracket Notation for Object Properties – What

Notation par points

La notation par points est plus simple et plus lisible. Il est utilisé lorsque :

  1. Le nom de la propriété est un identifiant valide (contient uniquement des lettres, des chiffres, $ ou _, et ne commence pas par un chiffre).
  2. Vous connaissez le nom de la propriété à l'avance.

Par exemple :

const person = { name: 'alice', age: 30 };
console.log(person.name); // 'alice'
Copier après la connexion

Notation entre parenthèses

La notation entre crochets est plus flexible et vous permet de :

  1. Utilisez les noms de propriétés stockés dans les variables.
  2. Accédez aux propriétés avec des caractères spéciaux, des espaces ou des chiffres qui ne sont pas des identifiants valides.
  3. Créez dynamiquement les noms de propriétés au moment de l'exécution.

Exemples :
1. Utiliser des variables pour accéder aux propriétés :

const person = { name: 'alice', age: 30 };
const prop = 'name';
console.log(person[prop]); // 'alice'

Copier après la connexion

2.Propriétés avec des caractères spéciaux ou des espaces :

const person = { 'first name': 'alice', age: 30 };
console.log(person['first name']); // 'alice'

Copier après la connexion

3.Noms de propriétés générés dynamiquement :

const property = 'name';
console.log(person[property]); // 'alice'

Copier après la connexion

Quand utiliser la notation entre parenthèses

  • Si le nom de la propriété est dynamique ou stocké dans une variable.
  • Si le nom de la propriété contient des espaces, des caractères spéciaux ou commence par un chiffre.

Pour la plupart des autres cas, la notation par points est préférable car elle est plus lisible et concise.

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:dev.to
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