如何在 JavaScript 中使用空格字符访问对象属性？

在 JavaScript 中访问带有空格字符的对象

使用 JavaScript 对象时，访问名称中带有空格字符的属性可能会很困难。考虑以下对象：

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

访问属性“comic”很简单：myTextOptions.cartoon.comic。但是，尝试使用各种点语法访问属性“kid”会失败：

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

解决方案在于利用 ECMAScript 的“括号表示法”：

myTextOptions[ 'character names' ].kid;

括号表示法允许您通过将属性名称括在方括号中，可以访问带有空格字符或任何其他特殊字符的对象属性。在这种情况下，此表示法可用于高效地读取和写入属性。

有关在 JavaScript 中使用对象的更多信息，请参阅以下资源：

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

以上是如何在 JavaScript 中使用空格字符访问对象属性？的详细内容。更多信息请关注PHP中文网其他相关文章！