Question

在JavaScript中我试图转换具有类似键的对象数组：

[{'a':1,'b':2}, {'a':3,'b':4}, {'a':5,'b':6,'c':7}]

到具有每个键的值数组的对象：

{'a':[1,3,5], 'b':[2,4,6], 'c':[7]};

使用underscore.js 1.4.2。

下面我有一些工作代码，但感觉比编写嵌套for循环感觉更长更笨。

在下划线中有更优雅的方式吗？有什么简单的我不见了吗？

console.clear();

var input = [{'a':1,'b':2},{'a':3,'b':4},{'a':5,'b':6,'c':7}];
var expected = {'a':[1,3,5], 'b':[2,4,6], 'c':[7]};

// Ok, go
var output = _(input)
.chain()
// Get all object keys
.reduce(function(memo, obj) {
    return memo.concat(_.keys(obj));
}, [])
// Get distinct object keys
.uniq()
// Get object key, values
.map(function(key) {
    // Combine key value variables to an object  
    // ([key],[[value,value]]) -> {key: [value,value]}
    return _.object(key,[
        _(input)
        .chain()
        // Get this key's values
        .pluck(key)
        // Filter out undefined
        .compact()
        .value()
    ]);
})
// Flatten array of objects to a single object
// [{key1: [value]}, {key2, [values]}] -> {key1: [values], key2: [values]}
.reduce(function(memo, obj) {
    return _.extend(memo, obj);
}, {})
.value();

console.log(output);
console.log(expected);
console.log(_.isEqual(output, expected));

由于

Answer 1

听起来你想要zip对象。这将是对象的analogous方法：

_.transpose = function(array) {
    var keys = _.union.apply(_, _.map(array, _.keys)),
        result = {};
    for (var i=0, l=keys.length; i<l; i++) {
        var key = keys[i];
        result[key] = _.pluck(array, key);
    }
    return result;
};

但是，我会使用

_.transpose = function(array) {
    var result = {};
    for (var i=0, l=array.length; i<l)
        for (var prop in array[i]) 
             if (prop in result)
                 result[prop].push(array[i][prop]);
             else
                 result[prop] = [ array[i][prop] ];
    return result;
};

没有任何Underscore :-)当然，你可以使用一些迭代器方法，然后它可能看起来像

_.reduce(array, function(map, obj) {
    return _.reduce(obj, function(map, val, key) {
        if (key in map)
            map[key].push(val)
        else
            map[key] = [val];
        return map;
    }, map);
}, {});

Answer 2

您可以使用lodash的地图对象方法：https://lodash.com/docs#zipObject

Answer 3

你需要3行lodash：

_.merge.apply(null, _.union([{}], myArrayOfObjects, [function (a, b) {
    return _.compact(_.flatten([a, b]));
}]))

有关该功能的详细信息，请参阅the docs of _.merge。

如何在underscorejs中转置对象

3 个答案: