返回按數量/長度分組的具有相同值的新對象數組

Question

所以我目前有一個這樣的數組：

const allMeats = ['Bacon','Bacon','Bacon', 'Steak', 'Lettuce', 'Cabbage','Cabbage','Cabbage','Steak', 'Veal']

我想對數組進行變形，使其成為一個對象數組，其鍵/值確定重復項的值。

目前我有

const meatsGrouped = allMeats.reduce(
    (acum, cur) => Object.assign(acum, { [cur]: (acum[cur] || 0) + 1 }),
    [],
  );

但是這段代碼將數組轉換為： [Bacon: 3, Steak: 2, Lettuce: 1, Cabbage: 3, Veal: 1] ，理想情況下我希望它看起來像這樣： [{Bacon: 3}, {Steak: 2}, {Lettuce: 1}, {Cabbage: 3}, {Veal: 1}]

任何人都可以告訴我我做錯了什么/失蹤了嗎？

Answer 1

您可以使用 reduce 和 map 方法來做到這一點。

 const allMeats = [ 'Bacon', 'Bacon', 'Bacon', 'Steak', 'Lettuce', 'Cabbage', 'Cabbage', 'Cabbage', 'Steak', 'Veal', ]; const ret = Object.entries( allMeats.reduce((prev, c) => { const p = prev; const key = c; p[key] = p[key]?? 0; p[key] += 1; return p; }, {}) ).map(([x, y]) => ({ [x]: y })); console.log(ret);

Answer 2

您可以使用 reduce 方法執行以下操作，

let allMeats = ['Bacon','Bacon','Bacon', 'Steak', 'Lettuce', 'Cabbage','Cabbage','Cabbage','Steak', 'Veal'];
let res = allMeats.reduce((prev, curr) => {
  const index = prev.findIndex(item => item.hasOwnProperty(curr));
  if(index > -1) {
    prev[index][curr]++;
  }else {
    prev.push({[curr]: 1});
  }
  return prev;
}, []);
console.log(res);