javascript中的对象文字。如何访问对象的引用“prop s”？

Question

在javascript教程中，我看到了下一个对象定义：

var myObject = {
    validIdentifier: 123,
    'some string': 456,
    99999: 789
};

这种键值对与引用的键对的关键是什么？人们如何运用这些价值观？

Answer 1

您可以使用括号（称为"bracket notation" or the "subscript operator"）访问它们：

myObject['some string']

因为空格必须引用这样的键（以避免语法错误）。

这样做的原因取决于开发人员。一个（类似的，一百万个）示例是Backbone.js's delegateEvents，它将事件和选择器映射到处理函数。

Answer 2

如果将它们放在字符串中，则可以使用特殊字符。例如，这是无效的：

myObj.prop-one

但这是：

myObj["prop-one"]

这在访问DOM元素的CSS属性时特别有用，例如：

myElement.style["background-color"], 

myElement.style.background-color无效时。

Answer 3

  

这种键值对与引用的键对的关键是什么？

在许多情况下，在名称中包含空格很有用。

var people_per_street = {
    "1st Street: [ ... ],
    "Broadway": [ ... ]
    /* etc */
};

  

如何运用这些价值观？

myObject['validIdentifier'], myObject['some string'], myObject['99999']

Answer 4

这是一种将变量分组的方法 - 逻辑上属于彼此的其他变量。

像这样访问它们：

myObject['some string'];