我如何可以合併對象的數組下劃線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]; }) 

在這裏，我們做位置的查找表，然後進行排序基於查找表最初的解決方案。