使用字符串作爲鍵的對象設置值

Question

假設我有一個字符串表示對象中的鍵。這裏有一個例子：

var obj = { 
    test: 12, 
    high: { 
     sky: { 
     val: 14 
     } 
    }, 
    low: [1, 2, 3] 
}, 
keys = 'high.sky.val'; 

所以，我想設置的obj.high.sky.val值（與'high.sky.val'在一個字符爲）。

我知道如何閱讀的價值（雖然這未必是最好的方式）：

var keyPieces = keys.split('.'), value = obj; 
keyPieces.forEach(function(x){ 
    value = value[x]; 
}); 
console.log(value); // 14 

我無法弄清楚如何設置obj.high.sky.val（不使用eval）。

如何設置屬性的值，如果該鍵是一個字符串？

Answer 1

只是爲了好玩：

function setKey(key, value, targetObject) { 
    var keys = key.split('.'), obj = targetObject || window, keyPart; 
    while ((keyPart = keys.shift()) && keys.length) { 
    obj = obj[keyPart]; 
    } 
    obj[keyPart] = value; 
} 

編輯：以前的版本也不會與 「無點」 鍵...固定的工作。

Answer 2

function setDeep(el, key, value) { 
    key = key.split('.'); 
    var i = 0, n = key.length; 
    for (; i < n-1; ++i) { 
     el = el[key[i]]; 
    } 
    return el[key[i]] = value; 
} 

function getDeep(el, key) { 
    key = key.split('.'); 
    var i = 0, n = key.length; 
    for (; i < n; ++i) { 
     el = el[key[i]]; 
    } 
    return el; 
} 

，你可以這樣使用它：

setDeep(obj, 'high.sky.val', newValue); 

Answer 3

其實我不得不做出幾個功能GameMaker工作時實現這一目的：HTML5

function js_get(varname) { 
    if(varname.indexOf(".") < 0) 
     return window[varname]; 
    else { 
     var curr = window, steps = varname.split("."), next; 
     while(next = steps.shift()) curr = curr[next]; 
     return curr; 
    } 
} 
function js_set(varname,value) { 
    if(varname.indexOf(".") < 0) 
     window[varname] = value; 
    else { 
     var curr = window, steps = varname.split("."), next, last = steps.pop(); 
     while(next = steps.shift()) curr = curr[next]; 
     curr[last] = value; 
    } 
} 

這工作，因爲對象在JS中通過引用傳遞。

Answer 4

您可以使用一對函數來設置和獲取值。我只是舉了一個例子。

objGet需要一個對象和密鑰字符串。它會嘗試獲得價值。如果它找不到它，它將返回undefined。

objSet需要一個對象，鍵字符串和值。它會嘗試查找和設置值。如果它不能（因爲一個錯誤的鍵字符串）它將返回undefined。否則它返回傳遞的值。

function objGet(obj, keyString) { 
    for(var keys = keyString.split('.'), i = 0, l = keys.length; i < l; i++) { 
     obj = obj[keys[i]]; 
     if(obj === undefined) return undefined; 
    } 
    return obj; 
} 

function objSet(obj, keyString, val) { 
    for(var keys = keyString.split('.'), i = 0, l = keys.length; i < l - 1; i++) { 
     obj = obj[keys[i]]; 
     if(obj === undefined) return undefined; 
    } 
    if(obj[keys[l - 1]] === undefined) return undefined; 
    obj[keys[l - 1]] = val; 
    return val; 
} 


//// TESTING 

var obj = { 
    test: 12, 
    high: { 
     sky: { 
      val: 14 
     } 
    }, 
    low: [1, 2, 3] 
}; 

objGet(obj, 'test'); // returns 12 
objGet(obj, 'high.sky.val'); // returns 14 
objGet(obj, 'high.sky.non.existant'); // returns undefined 

objSet(obj, 'test', 999); // return 999 
obj.test; // 999 

objSet(obj, 'high.sky.non.existant', 1234); // returns undefined 
obj.high.sky; // { val: 14 } 

objSet(obj, 'high.sky.val', 111); // returns 111 
obj.high.sky; // { val: 111 }