Comment accéder aux propriétés d'un objet avec des caractères d'espace en JavaScript ?

Accès aux objets avec des caractères d'espace en JavaScript

Lorsque vous travaillez avec des objets JavaScript, accéder aux propriétés avec des caractères d'espace dans leurs noms peut être difficile. Considérons l'objet suivant :

var myTextOptions = {
  'cartoon': {
     comic: 'Calvin & Hobbes',
     published: '1993'
  },
  'character names': {
    kid: 'Calvin',
    tiger: 'Hobbes'
  }
};

L'accès à la propriété 'comic' est simple : myTextOptions.cartoon.comic. Cependant, tenter d'accéder à la propriété 'kid' en utilisant diverses syntaxes de points échoue :

myTextOptions.character names.kid
myTextOptions."character names".kid
myTextOptions.character\ names.kid
myTextOptions.'character names'.kid
myTextOptions.["character names"].kid
myTextOptions.character%20names.kid

La solution réside dans l'utilisation de la "notation entre parenthèses" d'ECMAScript :

myTextOptions[ 'character names' ].kid;

La notation entre parenthèses vous permet de accédez aux propriétés de l'objet avec des espaces ou tout autre caractère spécial en plaçant le nom de la propriété entre crochets. Cette notation peut être utilisée à la fois pour lire et écrire efficacement des propriétés dans de tels scénarios.

Pour plus d'informations sur l'utilisation d'objets en JavaScript, veuillez vous référer à la ressource suivante :

https://developer .mozilla.org/en-US/docs/Web/JavaScript/Guide/Working_with_Objects

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!