Javascript Object - Compress & Count in Svelte [replicate]（压缩&amp；计数）。

Question

这个问题在这里已经有了答案:

在Vanilla Javascript中，按数组中对象的数量进行分组。 (3个答案)

封闭 25天前.

考虑这段代码是访问一个javascript对象的数据。

animalData.animal[i].type

'animal' : [ 
  {'type':'dog', 'colour':'brown'},
  {'type':'dog', 'colour':'yellow'},
  {'type':'cat', 'colour':'grey'},
  {'type':'chicken', 'colour':'orange'},
  {'type':'frog', 'colour':'green'},
  {'type':'cat', 'colour':'pink'},
  {'type':'dog', 'colour':'yellow'},
  {'type':'cat', 'colour':'grey'},
  {'type':'chicken', 'colour':'black'},
  {'type':'dog', 'colour':'yellow'}
]

使用现代JS如何将上面的内容转化为另一个对象数组，使其看起来像这样，例如，显示每个数组的计数并删除重复的对象？

[
  {'type':'dog', 'count':'4'},
  {'type':'cat', 'count':'3'},
  {'type':'chicken', 'count':'2'},
  {'type':'frog', 'count':'1'},
]

Answer 1

你可以 reduce 它并采取 Object values:

var data=[ {'type':'dog', 'colour':'brown'}, {'type':'dog', 'colour':'yellow'}, {'type':'cat', 'colour':'grey'}, {'type':'chicken', 'colour':'orange'}, {'type':'frog', 'colour':'green'}, {'type':'cat', 'colour':'pink'}, {'type':'dog', 'colour':'yellow'}, {'type':'cat', 'colour':'grey'}, {'type':'chicken', 'colour':'black'}, {'type':'dog', 'colour':'yellow'}];

var result = Object.values(data.reduce((acc, {type})=>{
  acc[type] = acc[type] || { type, count:0 };
  acc[type].count += 1;
  return acc;
},{}));

console.log(result);