JavaScriptのオブジェクトリテラル。オブジェクトの引用された "小道具"にアクセスするには？

Question

私は次のオブジェクトの定義を参照しましたJavaScriptのチュートリアルで：

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

キーとして引用されたもので、このようなキーと値のペアのどのような目的を？どのようにそのような値で操作することができましたか？

Answer 1

あなたは括弧（"bracket notation" or the "subscript operator"と呼ばれる）でそれらにアクセスすることができますので、スペースを引用されるためにこのような必須

myObject['some string'] 

キー（構文エラーを回避するため）。

これを行う理由は開発者次第です。 1つの（百万のような）例は、イベントとセレクタをハンドラ関数にマップするBackbone.js's delegateEventsです。

Answer 2

引用符付きのキーと値のペアの目的はキーとは何ですか？

多くの場合、名前にスペースを入れると便利です。

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

1は、このような値で動作することができる方法は？あなたは、文字列に入れている場合は、特殊文字を使用することができます

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'];