Wie greife ich in JavaScript mit Leerzeichen auf Objekteigenschaften zu?

Zugriff auf Objekte mit Leerzeichen in JavaScript

Bei der Arbeit mit JavaScript-Objekten kann der Zugriff auf Eigenschaften mit Leerzeichen in ihren Namen eine Herausforderung sein. Betrachten Sie das folgende Objekt:

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

Der Zugriff auf die Eigenschaft „comic“ ist unkompliziert: myTextOptions.cartoon.comic. Der Versuch, mithilfe verschiedener Punktsyntax auf die Eigenschaft „Kind“ zuzugreifen, schlägt jedoch fehl:

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

Die Lösung liegt in der Verwendung der „Klammernotation“ von ECMAScript:

myTextOptions[ 'character names' ].kid;

Die Klammernotation ermöglicht es Ihnen Greifen Sie mit Leerzeichen oder anderen Sonderzeichen auf Objekteigenschaften zu, indem Sie den Eigenschaftsnamen in eckige Klammern setzen. Diese Notation kann in solchen Szenarien sowohl zum effizienten Lesen als auch zum Schreiben von Eigenschaften verwendet werden.

Weitere Informationen zum Arbeiten mit Objekten in JavaScript finden Sie in der folgenden Ressource:

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

Das obige ist der detaillierte Inhalt vonWie greife ich in JavaScript mit Leerzeichen auf Objekteigenschaften zu?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!