Làm thế nào tôi có thể hợp nhất mảng của các đối tượng với gạch js

Question

Tôi có một mảng các đối tượng như thế này:

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

Sau đó, tôi có array2:

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

Tôi muốn kết hợp hai mảng này bởi họ lĩnh vực tức là kết quả cuối cùng nên là:

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

tôi đã cố gắng var newObj = _.extend(array1, array2); nhưng nó không cung cấp cho tôi những gì tôi muốn.

Answer 1

Không có chức năng nào sẽ hoạt động, vì nó hoạt động khá chuyên biệt. Tuy nhiên, một thành phần khá đơn giản của chức năng gạch dưới:

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

Chúng tôi sử dụng indexBy để biến các mảng thành các đối tượng keyed trên giá trị field, và sau đó extend làm những gì chúng ta muốn. Cuối cùng, values biến nó trở lại thành một mảng.

Lưu ý rằng trong khi điều này không thực hiện bất kỳ đảm bảo về trật tự, trong _ và v8 hiện thực hiện các mảng thức sẽ là những điều từ array1 tiếp theo là mọi thứ từ array2 mà không phải là trong array1, được sắp xếp trong thứ tự ban đầu của mỗi mảng.

Cũng lưu ý rằng chức năng _.extend là phá hoại đối số đầu tiên, trong khi điều này không thay đổi một trong hai mảng.

Nếu bạn muốn chắc chắn rằng thứ tự là giống như bản gốc 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]; }) 

Ở đây chúng ta tạo ra một bảng tra cứu các vị trí và sau đó sắp xếp các giải pháp ban đầu dựa trên các bảng tra cứu.