javascript - javascriptのオブジェクトリテラル。オブジェクトの引用された「小道具」にアクセスする方法は？

Question

javascriptチュートリアルでは、次のオブジェクト定義を確認しました。

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

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

score 7 · Accepted Answer

角かっこ（「角かっこ表記」または「添え字演算子」と呼ばれます）を使用してそれらにアクセスできます。

myObject['some string']

このようなキーは、スペースがあるため引用符で囲む必要があります（構文エラーを回避するため）。

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

score 2 · Accepted Answer

文字列に入れると、特殊文字を使用できます。たとえば、これは無効です。

myObj.prop-one

しかし、これは次のとおりです。

myObj["prop-one"]

これは、次のようにDOM要素のCSSプロパティにアクセスするときに特に役立ちます。

myElement.style["background-color"],

myElement.style.background-colorが無効な場合。

score 0 · Accepted Answer

キーとして引用されたものとのそのようなキーと値のペアの目的は何ですか？

名前にスペースを含めると、多くの状況で役立ちます。

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

そのような値でどのように操作できますか？

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

score 0 · Accepted Answer

これは、論理的に相互に属する変数をグループ化する方法です。

次のようにアクセスします。

myObject['some string'];

4 に答える 4