Làm thế nào để nhóm một mảng các đối tượng theo khóa

Question

Có ai biết một cách (lodash nếu có thể) để nhóm một mảng đối tượng bằng một khóa đối tượng sau đó tạo một mảng đối tượng mới dựa trên nhóm không? Ví dụ, tôi có một mảng các đối tượng xe:

var cars = [ 
    { 
     'make': 'audi', 
     'model': 'r8', 
     'year': '2012' 
    }, { 
     'make': 'audi', 
     'model': 'rs5', 
     'year': '2013' 
    }, { 
     'make': 'ford', 
     'model': 'mustang', 
     'year': '2012' 
    }, { 
     'make': 'ford', 
     'model': 'fusion', 
     'year': '2015' 
    }, { 
     'make': 'kia', 
     'model': 'optima', 
     'year': '2012' 
    }, 
]; 

Tôi muốn thực hiện một mảng mới của các đối tượng xe đó là nhóm lại theo make:

var cars = { 
    'audi': [ 
     { 
      'model': 'r8', 
      'year': '2012' 
     }, { 
      'model': 'rs5', 
      'year': '2013' 
     }, 
    ], 

    'ford': [ 
     { 
      'model': 'mustang', 
      'year': '2012' 
     }, { 
      'model': 'fusion', 
      'year': '2015' 
     } 
    ], 

    'kia': [ 
     { 
      'model': 'optima', 
      'year': '2012' 
     } 
    ] 
} 

Answer 1

Timo's answer là cách tôi sẽ làm điều đó. Đơn giản _.groupBy và cho phép một số trùng lặp trong các đối tượng trong cấu trúc được nhóm.

Tuy nhiên, OP cũng đã yêu cầu xóa các phím make trùng lặp. Nếu bạn muốn đi tất cả các cách:

var grouped = _.mapValues(_.groupBy(cars, 'make'), 
          clist => clist.map(car => _.omit(car, 'make'))); 

console.log(grouped); 

Sản lượng:

{ audi: 
    [ { model: 'r8', year: '2012' }, 
    { model: 'rs5', year: '2013' } ], 
    ford: 
    [ { model: 'mustang', year: '2012' }, 
    { model: 'fusion', year: '2015' } ], 
    kia: [ { model: 'optima', year: '2012' } ] } 

Nếu bạn muốn làm điều này bằng Underscore.js, lưu ý rằng phiên bản của _.mapValues được gọi _.mapObject.

Answer 2

Bạn đang tìm kiếm _.groupBy().

Loại bỏ thuộc tính bạn đang nhóm phát từ các đối tượng phải là tầm thường nếu có yêu cầu:

var cars = [{'make':'audi','model':'r8','year':'2012'},{'make':'audi','model':'rs5','year':'2013'},{'make':'ford','model':'mustang','year':'2012'},{'make':'ford','model':'fusion','year':'2015'},{'make':'kia','model':'optima','year':'2012'},]; 
 

 
var grouped = _.groupBy(cars, function(car) { 
 
    return car.make; 
 
}); 
 

 
console.log(grouped);

<script src='https://cdn.jsdelivr.net/lodash/4.17.2/lodash.min.js'></script>

---

Như một phần thưởng, bạn sẽ có được cú pháp thậm chí đẹp hơn với các chức năng mũi tên ES6 :

const grouped = _.groupBy(cars, car => car.make); 

Answer 3

Trong đồng bằng Javascript, bạn có thể sử dụng Array#reduce với một đối tượng

var cars = [{ make: 'audi', model: 'r8', year: '2012' }, { make: 'audi', model: 'rs5', year: '2013' }, { make: 'ford', model: 'mustang', year: '2012' }, { make: 'ford', model: 'fusion', year: '2015' }, { make: 'kia', model: 'optima', year: '2012' }], 
 
    result = cars.reduce(function (r, a) { 
 
     r[a.make] = r[a.make] || []; 
 
     r[a.make].push(a); 
 
     return r; 
 
    }, Object.create(null)); 
 

 
console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 4

Bạn có thể thử sửa đổi đối tượng bên trong hàm được gọi cho mỗi lần lặp bởi _.groupBy func. Lưu ý rằng mảng nguồn thay đổi các phần tử của anh ấy!

var res = _.groupBy(cars,(car)=>{ 
    const makeValue=car.make; 
    delete car.make; 
    return makeValue; 
}) 
console.log(res); 
console.log(cars); 

Answer 5

Phiên bản ngắn trong ES5:

result = cars.reduce((h, a) => ({ 
    ...h, 
    [a.make]: (h[a.make] || []).push(a) 
}), {}) 

Answer 6

Đây là groupBy chức năng rất riêng của bạn mà là một sự tổng quát của mã từ: https://github.com/you-dont-need/You-Dont-Need-Lodash-Underscore

function groupBy(xs, f) { 
 
    return xs.reduce((r, v, i, a, k = f(v)) => ((r[k] || (r[k] = [])).push(v), r), {}); 
 
} 
 

 
const cars = [{ make: 'audi', model: 'r8', year: '2012' }, { make: 'audi', model: 'rs5', year: '2013' }, { make: 'ford', model: 'mustang', year: '2012' }, { make: 'ford', model: 'fusion', year: '2015' }, { make: 'kia', model: 'optima', year: '2012' }]; 
 

 
const result = groupBy(cars, (c) => c.make); 
 
console.log(result);