我如何可以合并对象的数组下划线JS

Question

我有对象的一个​​这样的数组：

array1 = [ 
    {field: 'username', display: 'username', hide: true}, 
    {field: 'age', display: 'Age', hide: true}, 
    {field: 'height', display: 'Height', hide: true} 
] 

然后，我有数组2：

array2 = [ 
    {field: 'username', display: 'username 123', hide: false}, 
    {field: 'age', hide: false} 
] 

我想通过这两个数组合并他们的场即最后的结果应该是：

array3 = [ 
    {field: 'username', display: 'username 123', hide: false}, 
    {field: 'age', display: 'Age', hide: false}, 
    {field: 'height', display: 'Height', hide: true} 
] 

我试图var newObj = _.extend(array1, array2);但它并没有给我我想要的东西。

Answer 1

没有一个功能可以做到，因为它是一个相当专业化的操作。然而，它的下划线功能相当简单的构图：

_.values(_.extend(_.indexBy(array1, 'field'), _.indexBy(array2, 'field'))) 

我们使用indexBy打开阵列成键的field值对象，然后extend做我们想要的。最后，values将它变回一个数组。

注意的是，虽然这不作任何保证有关订单，在目前_和V8实现最终的阵列将是array1随后事情的东西从array2不在array1，在整理每个阵列的原始排序。

另请注意，_.extend函数对第一个参数具有破坏性，但这不会更改任何数组。

如果你想确保顺序是一样的原始array1：

order = _.object(_.map(array1, function(obj, i) { return [obj.field, i]; })) 
_.sortBy(_.values(_.extend(_.indexBy(array1, 'field'), _.indexBy(array2, 'field'))), function(obj) { order[obj.field]; }) 

在这里，我们做位置的查找表，然后进行排序基于查找表最初的解决方案。