今すぐ</p> <pre><code>var objectOne = { settings: { name: "object one" } } var objectTwo = { settings: { name: "object two" } } </code></pre> <p>のは、私がURL内のパラメータから<code>object</code>を得たふりをしましょう...私はいくつかの簡単なオブジェクトが定義されている

Question

文字列を使用して、JavaScriptオブジェクトへのアクセス - それは文字列として付属しています...

var obj = "objectTwo"; 

このobj変数を使用してobjectTwo.settingsにアクセスするにはどうすればよいですか？

objが文字列であるので、私は以下を行うことはできません。

var settings1 = obj.settings; 
var settings2 = [obj].settings; // also doesn't work 

私は運なしに引用符を除去しようとしました。

文字列を使用してトップレベルオブジェクトにアクセスするにはどうすればよいですか？

Answer 1

グローバル名前空間にある場合は、window[obj].settingsを使用できます。

もしそうでなければ、めったにお勧めできないコメントの中で@MikeCが言及したようにevalを除いてできることはあまりありません。

Answer 2

windowはきちんとしたトリックですが、データの構造を変更する可能性はありますか？

var objects = { 
    objectOne: { 
    settings: { 
     name: "object one" 
    } 
    }, 
    objectTwo: { 
    settings: { 
     name: "object two" 
    } 
    } 
} 

var id = "objectOne"; 
alert(objects[id].settings.name); 

Answer 3

オブジェクトプロパティを動的にアクセスするObjectメソッドを考案しましょう。 Object.prototype.getNestedValue()あなたの財産がどこにあるかにかかわらず、それは一連の議論を順番にとり、あなたにとって望ましい価値を得ます。

この特定のケースでは、引数は1つだけです。

Object.prototype.getNestedValue = function(...a) { 
 
    return a.length > 1 ? (this[a[0]] !== void 0 && this[a[0]].getNestedValue(...a.slice(1))) : this[a[0]]; 
 
}; 
 
var objects = { 
 
    objectOne: { 
 
    settings: { 
 
     name: "object one" 
 
    } 
 
    }, 
 
    objectTwo: { 
 
    settings: { 
 
     name: "object two" 
 
    } 
 
    } 
 
}, 
 
     obj = "objectTwo"; 
 
    result = objects.getNestedValue(obj); 
 
console.log(JSON.stringify(result));

あなたはgetNestedValue()を見ることができますし、それはあなたが `ウィンドウ[OBJ] .settings`使用できるグローバルな名前空間にある場合、それはhere