Maison > interface Web > js tutoriel > Comment accéder aux propriétés des objets JavaScript avec des espaces dans leurs clés ?

Comment accéder aux propriétés des objets JavaScript avec des espaces dans leurs clés ?

Patricia Arquette
Libérer: 2024-11-11 13:51:02
original
341 Les gens l'ont consulté

How to Access JavaScript Object Properties with Spaces in their Keys?

Accès aux objets JavaScript avec des touches espacées

Lorsque vous travaillez avec des objets JavaScript, accéder aux propriétés avec des espaces dans leurs clés peut être difficile. Voici une solution basée sur l'objet fourni :

var myTextOptions = {
  'cartoon': {
     comic: 'Calvin & Hobbes',
     published: '1993'
  },
  'character names': {
    kid: 'Calvin',
    tiger: 'Hobbes'
  }
}
Copier après la connexion

Pour accéder à la propriété "kid" malgré l'espace dans la clé, utilisez la "notation entre crochets" d'ECMAscript :

myTextOptions[ 'character names' ].kid;
Copier après la connexion

Notation entre crochets vous permet de mettre la clé entre crochets, en échappant aux caractères spéciaux ou aux espaces blancs. Cela vous permet d'accéder à la propriété comme suit :

  1. Crochets ouverts [
  2. Spécifiez le nom de la clé sous forme de chaîne entre guillemets : 'noms de caractères'
  3. Fermer les crochets ]
  4. Accédez à la propriété souhaitée : .kid

Le résultat est la valeur de la propriété "kid", qui est "Calvin" dans ce cas. Vous pouvez utiliser cette notation pour accéder à n'importe quelle propriété comportant des espaces dans sa clé, vous permettant ainsi de manipuler facilement des objets JavaScript.

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