正在创建嵌套的Javascript对象

Creating a nested Javascript object

本文关键字:Javascript 对象 嵌套 创建      更新时间:2023-09-26

我显然无法抽象地思考。。。但我想从使用数组值作为属性名的数组中创建一个Javascript对象,但它们应该是相互嵌套的对象。

如果我有一个这样的数组:

['First', 'Second', 'Third', 'Fourth']

我的预期输出是:

{
    First: {
        Second: {
            Third: {
                Fourth: {}
            }
        }
    }
}

更新这是我在通信中提到的功能:

function appendKey(obj, to, key) {
    if (obj.hasOwnProperty(to)) {
        appendKey(obj[to], to, key);
    } else {
        obj[key] = {};
    }
    return obj;
}

我的意图是这样称呼它:

var data = ['First', 'Second', 'Third', 'Fourth'];
data = appendKey(data, 'First', 'Second');
data = appendKey(data, 'Second', 'Third');
data = appendKey(data, 'Third', 'Fourth');

很明显,这可以被放入一个循环中,这就是为什么我想这样做。我的输出结果是:

data = { 'First' : { 'Second' } } // it works this time!
data = { 'First' : { 'Second' },
         'Third' : { } }
data = { 'First' : { 'Second' },
         'Third' : { 'Fourth' { } } } 

在循环外,将基对象存储在一个变量中,并有一个单独的变量来存储当前对象(开始时与基对象相同)

在循环中,取"当前"对象,使用当前数组成员给它一个键,为该键指定一个新对象,并使该新对象成为新的"当前"物体。

var arr = ['First', 'Second', 'Third', 'Fourth'],
    obj = {},
    currObj = obj;
arr.forEach(function(key) {
    currObj = (currObj[key] = {});
});
console.log(obj); // {First:{Second:{Third:{Fourth:{}}}}}

演示:http://jsfiddle.net/qunDt/


如果您愿意,可以将forEach中的代码展开一点。

arr.forEach(function(key) {
    currObj[key] = {};
    currObj = currObj[key];
});

如果你想要一个纯粹的递归方法,你可以这样做:

function nested(list, o) {
    if (list.length === 0)
        return o;
    o[list.shift()] = nested(list, {})
    return o;
}
var obj = nested(arr, {});
var names = ['First', 'Second', 'Third', 'Fourth'];
var build = function(soFar,remaining) {
    if(remaining.length === 0) {return soFar;}
    var outer = {};
    outer[names.pop()] = soFar;
    return build(outer, names);
}
var result = build({}, names);