首页  >  文章  >  web前端  >  如何访问属性名称中带有空格的 JavaScript 对象?

如何访问属性名称中带有空格的 JavaScript 对象?

Mary-Kate Olsen
Mary-Kate Olsen原创
2024-11-12 13:15:02733浏览

How to Access JavaScript Objects with Spaces in Property Names?

访问属性名称中包含空格的 JavaScript 对象

使用 JavaScript 对象时,您可能会遇到属性键包含空格的情况。尝试使用点表示法(例如 object.property 名称)访问这些属性是行不通的。

考虑示例:

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

要访问 Kid 属性,我们不能使用 myTextOptions。角色名称.kid.相反,您需要使用 ECMAscript 的“括号表示法”:

myTextOptions[ 'character names' ].kid;

括号表示法允许您在方括号内指定任何有效的 JavaScript 表达式,包括带有空格的属性名称。

此表示法可以也可用于赋值:

myTextOptions[ 'character names' ].newProperty = 'value';

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

  • [使用对象](https:// /developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Working_with_Objects)

以上是如何访问属性名称中带有空格的 JavaScript 对象?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn