JavaScript中的對象文字。如何訪問對象的引用「props」？

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

這種鍵值對與鍵引用的鍵的用途是什麼？

名稱中有空格在許多情況下很有用。

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

如何一個可以用這樣的值進行操作？

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

Answer 3

，如果你把它們放在一個字符串，您可以使用特殊字符。舉例來說，這是無效的：

myObj.prop-one 

但這是：

myObj["prop-one"] 

的DOM元素訪問時CSS屬性，像這樣的，這是特別有用：

myElement.style["background-color"], 

時myElement.style.background-color無效。

Answer 4

這是一種將邏輯上屬於彼此的變量分組在一起的方法。

訪問他們像這樣：

myObject['some string'];