javascript - underscore.js 使用子元素的键值对数组展平对象结构

Question

给定以下数据结构:

var data = [{
    name: "Some Name",
    id: 1,
    children: [
        { name: "prop1", value: 1 },
        { name: "prop2", value: 2 },
        { name: "prop3", value: 3 }
    ]
},
{
    name: "Some Other Name",
    id: 2,
    children: [
        { name: "prop1", value: 4 },
        { name: "prop2", value: 5 },
        { name: "prop3", value: 6 }
    ]
}];

...其中children是一个动态列表，我使用几个_.each循环“展平”这个结构，如下所示:

_.each(data, d => {
    _.each(d.children, c => {
        d[c.name] = c.value;
    })
});

...仅实现二维数据结构，例如:

[{
    name: "Some Name",
    id: 1,
    prop1: 1,
    prop2: 2,
    prop3: 3
},
{
    name: "Some Other Name",
    id: 2,
    prop1: 4,
    prop2: 5,
    prop3: 6
}];

所以我希望有一种巧妙的方法可以通过 undercore.js 来实现这一目标。 ？

JSFiddle 玩:http://jsfiddle.net/3m3dsv47/

Answer 1

我想出的另一个解决方案:

_.each(data, d => {
    _.extend(d, _.object(_.map(d.children, c => {
        return [c.name, c.value];
    })));
});

http://jsfiddle.net/qk2Lu0hu/