动态设置嵌套对象的属性

Question

我有一个对象，可以是任何数量的层次深，可以有任何现有的属性。例如：

var obj = {
    db: {
        mongodb: {
            host: 'localhost'
        }
    }
};

在此基础上，我希望设置（或覆盖）如下属性：

set('db.mongodb.user', 'root');
// or:
set('foo.bar', 'baz');

属性字符串可以有任何深度，值可以是任何类型/事物。
如果属性键已经存在，则不需要合并作为值的对象和数组。

上一个示例将生成以下对象：

var obj = {
    db: {
        mongodb: {
            host: 'localhost',
            user: 'root'
        }
    },
    foo: {
        bar: baz
    }
};

如何实现这样的功能？

Answer 1

我只是用ES6递归编写了一个小函数来实现这个目标。

updateObjProp = (obj, value, propPath) => {
    const [head, ...rest] = propPath.split('.');

    !rest.length
        ? obj[head] = value
        : this.updateObjProp(obj[head], value, rest.join('.'));
}

const user = {profile: {name: 'foo'}};
updateObjProp(user, 'fooChanged', 'profile.name');

我经常用它来响应更新状态，它对我来说效果很好。

Answer 2

Lodash有一个uz.set（）方法。

_.set(obj, 'db.mongodb.user', 'root');
_.set(obj, 'foo.bar', 'baz');

Answer 3

此函数使用您指定的参数，应该添加/更新obj容器中的数据。注意，您需要跟踪objschema中的哪些元素是容器，哪些是值（字符串、int等），否则您将开始抛出异常。

obj = {};  // global object

function set(path, value) {
    var schema = obj;  // a moving reference to internal objects within obj
    var pList = path.split('.');
    var len = pList.length;
    for(var i = 0; i < len-1; i++) {
        var elem = pList[i];
        if( !schema[elem] ) schema[elem] = {}
        schema = schema[elem];
    }

    schema[pList[len-1]] = value;
}

set('mongo.db.user', 'root');