使用數組創建動態JavaScript對象樹？

Question

不知道這甚至可以做，但我會問反正：

假設，如果我有名字的數組：

['bob', 'sue', 'dan']

我想動態創建這些對象名稱：

bob.sue.dan = 5;

這可能嗎？

Answer 1

現在你走了，將保留現有的對象：

var namespace = function(name, separator, container){ 
    var ns = name.split(separator || '.'), 
    o = container || window, 
    i, 
    len; 
    for(i = 0, len = ns.length; i < len; i++){ 
    o = o[ns[i]] = o[ns[i]] || {}; 
    } 
    return o; 
}; 

例如，用法：

namespace("com.example.namespace"); 
com.example.namespace.test = function(){ 
    alert("In namespaced function."); 
}; 

或爲你的例子使用數組。

var ns = ['bob', 'sue', 'dan']; 
namespace(ns.join('.')); 
bob.sue.dan.foobar = true; 

或擴展現有對象：

var bob = {} 
namespace("foo.bar",".",bob); 
bob.foo.bar = true; 

編輯：根據請求更新：

var namespace = function(name, separator, container, val){ 
    var ns = name.split(separator || '.'), 
    o = container || window, i, len; 
    for(i = 0, len = ns.length; i < len; i++){ 
     var v = (i==len-1 && val) ? val : {}; 
     o = o[ns[i]] = o[ns[i]] || v; 
    } 
    return o; 
}; 

namespace("bob.sue.dan",null,null,5); 
alert(bob.sue.dan); 

參見工作實施例：http://jsfiddle.net/herostwist/hu6j9/

Answer 2

是的，這是可能的。

可以在對象上定義新的屬性是這樣的：

var obj = {}; 
obj["bob"] = {}; 
obj["bob"]["sue"] = {}; 
obj["bob"]["sue"]["dan"] = 5; 

所以，你也可以用屬性名稱的數組做到這一點;）

Answer 3

相信你能...

var obj = 5; 
var yourarray = ['bob', 'sue', 'dan']; 

yourarray = yourarray.reverse(); 
for(e in yourarray) { 
    var tmpobj = obj; 
    obj = new Object(); 
    obj[yourarray[e]] = tmpobj; 

    // if you already have an object 
    if (e+1 == yourarray.length) { 
     your_current_existing_object[yourarray[e]] = tmpobj; 
    } 
} 

Answer 4

然後，你可以這樣做：

function makeOjectTree(propNames) { 
    var name; 
    var o = {}; 
    var result = o; 

    for (var i=0, iLen=propNames.length; i<iLen; i++) { 
    name = propNames[i]; 

    if (!o[name]) { 
     o[name] = {}; 
     o = o[name]; 
    } 
    } 
    return result; 
} 

Answer 5

var names = ['bob', 'sue', 'dan']; 
var objs = []; 

for(var i=0; i<names.length; i++) { 
    objs.push(names[i]); 
    var val = (i==names.length-1) ? "5" : "{}"; 
    eval(objs.join(".") + " = " + val); 
} 

alert(bob.sue.dan); 

演示：http://jsfiddle.net/EpZm2/1/