javascript - 使用查找字符串设置深层 JS 对象键

Question

如何使用点语法字符串在 JavaScript 对象中设置深层属性以指定要更改的属性？

对于简单的对象，我可以只使用 data['property_name'] = 'foo'，但我不一定知道数据的嵌套深度。

下面是一些示例代码，说明我希望最终能够如何格式化数据。据我所知，JS 已经允许您执行此操作，但我还没有找到它。

Plunker here.

var items = [
    {
        lookup_string: "User.UserProfile.name",
        value: "John Smith"
    },
    {
        lookup_string: "User.email",
        value: "johnsmith@example.com"
    },
]



var data = {};

items.forEach(function(item){
    // Inside this loop, set the appropriate keys under data. Is there a non-convoluted way to do this?
});

console.log("items", items);
console.log("Results", data)

// In the end, data should look like this:

var desiredData = {
    User: {
        UserProfile: {
            name: 'John Smith'
        },
        email: 'johnsmith@example.com'
    }
}

Answer 1

您可以拆分 lookup_string 并使用默认对象减少对象。稍后分配值。

function setValue(object, path, value) {
    var keys = path.split('.'),
        last = keys.pop();

    keys.reduce(function (o, k) {
        return o[k] = o[k] || {};
    }, object)[last] = value;
}

var items = [{ lookup_string: "User.UserProfile.name", value: "John Smith" }, { lookup_string: "User.email", value: "johnsmith@example.com" }],
    object = {};

items.forEach(function(o) {
    setValue(object, o.lookup_string, o.value);
});

console.log(object);

.as-console-wrapper { max-height: 100% !important; top: 0; }