根據數組值構造對象的方括號符號

Question

假設我有一個未知數的數組。 例如： ['one', 'two', 'three'] 。

如何從對象構造方括號符號？ 基本上，我需要創建一個： var result = myObject['one']['two']['three'] 。

他們在這里的關鍵是要了解數組中可以有任意數量的值，而我只需要使用這些值對對象進行n級深入研究即可。

Answer 1

您可以使用循環：

var o = myObject;

for (var i = 0; i < yourArray.length; i++) {
    o = o[yourArray[i]];
}

或使用Array.reduce ，看起來更好，但在較舊的瀏覽器中將無法使用：

var o = {
    'one': {
        'two': {
            'three': 'four'
        }
    }
};

['one', 'two', 'three'].reduce(function(object, key) {
    return object[key];
}, o);

Answer 2

借助Array.reduce()簡短而精確：

var o = { 'one': { 'two': { 'three': 'five' } } };
["one","two","three"].reduce(function(prev,cur){return prev[cur]},o);

減少從IE9開始的工作。