如何在 javascript 中創建動態多維對象數組

Question

我有一組包含汽車信息的對象。 我想對categoryId進行分組

var car = [
  { category: 1, model: "bmw" },
  { category: 1, model: "benz" },
  { category: 1, model: 'ford' }
  { category: 2, model: "kia" },
  { category: 2, model: "fiat" },
  { category: 3, model: "mg" },
];

我想要這個結果

[  
  [
    { category: 1, model: 'bmw' },
    { category: 1, model: 'benz' },
    { category: 1, model: 'ford' }
  ],
  [ 
    { category: 2, model: 'kia' },
    { category: 2, model: 'fiat' }
  ],
  [ 
    { category: 3, model: 'mg' }
  ]
]

這是我的解決方案，但我想要一種基於 reduce 的結果的方法，或者......我不想在forEach中使用if

let groupedCars = [];
cars.forEach((car) => {
  if (!groupedCars[car.category]) {
    groupedCars[car.category] = [];
  }
  groupedCars[car.category].push(car);
});

Answer 1

使用Array.prototype.reduce()方法的解決方案。 使用reduce遍歷數組並按類別分組，最后使用Object.values()得到結果。

 const car = [ { category: 1, model: 'bmw' }, { category: 1, model: 'benz' }, { category: 1, model: 'ford' }, { category: 2, model: 'kia' }, { category: 2, model: 'fiat' }, { category: 3, model: 'mg' }, ]; const ret = Object.values( car.reduce((prev, c) => { const p = prev; const key = c.category; p[key] = p[key]?? []; p[key].push({...c }); return p; }, {}) ); console.log(ret);

Answer 2

不清楚您所說的基於 ES6 的結果是什么意思。 但是，您可以嘗試使用reduce方法。

注意： Javascript arrays 以索引0開頭，因此，您可能需要在代碼中添加一些邏輯來修復該問題