Javascript对象键值编码.动态设置嵌套值

Tys*_*aza 2 javascript object key-value-observing key-value-coding

我正在开发一个小库,可以让我用对象做一些基本的键值编码.说我有以下对象:

var data = { key1: "value1", key2: { nested1: 1, nested2: "wowza!" } };
Run Code Online (Sandbox Code Playgroud)

我有以下JavaScript函数:

var setData = function(path, value) {
    eval("data." + path + "= value;");
};
Run Code Online (Sandbox Code Playgroud)

在使用中:

setData("key1", "updated value1"); // data.key1 == "updated value1"
setData("key2.nested1", 99); // data.key2.nested1 == 99
Run Code Online (Sandbox Code Playgroud)

这是有效的,但是我想在不使用的情况下完成上述操作eval.这是可能的,还是eval最好的方法?

编辑:

注意可以假设您设置的值存在,至少对于路径深度 - 1.我更关心设置现有对象的值.

Gra*_*aza 17

递归是你需要的:

function setData(key,val,obj) {
  if (!obj) obj = data; //outside (non-recursive) call, use "data" as our base object
  var ka = key.split(/\./); //split the key by the dots
  if (ka.length < 2) { 
    obj[ka[0]] = val; //only one part (no dots) in key, just set value
  } else {
    if (!obj[ka[0]]) obj[ka[0]] = {}; //create our "new" base obj if it doesn't exist
    obj = obj[ka.shift()]; //remove the new "base" obj from string array, and hold actual object for recursive call
    setData(ka.join("."),val,obj); //join the remaining parts back up with dots, and recursively set data on our new "base" obj
  }    
}

setData("key1", "updated value1"); // data.key1 == "updated value1"
setData("key2.nested1", 99); // data.key2.nested1 == 99
Run Code Online (Sandbox Code Playgroud)