js数组,根据数组内的对象中的某一个值进行分组

有一个数组:

let list = [
{
          
   name:test,value:value1,count:6},
{
          
   name:test1,value:value2,count:4},
{
          
   name:test1,value:value3,count:2},
{
          
   name:test,value:value4,count:0},
]

假如想要根据数组中对象的名字进行分类,可以分为test和test1两类。希望得到如下数据:

{
          
   
	test:[
		{
          
   name:test,value:value1,count:6},
		{
          
   name:test,value:value4,count:0}
	],
	test1:[
		{
          
   name:test1,value:value2,count:4},
		{
          
   name:test1,value:value3,count:2}
	]
}

可以使用ES6新增的数据类型——Map。 Map是一组键值对的结构,具有极快的查找速度。它的定义是这样的:

Map对象保存键/值对,是键/值对的集合。任何值(对象或者原始值)都可以作为一个键或一个值。 Object结构提供了“字符串—值”的对应,Map结构提供了“值—值”的对应。 集合中的键和值可以是任何类型。如果使用现有键向集合添加值,则新值会替换旧值。

这时就可以遍历list数组,得到一个新的Map类型的数据,再将Map数据转换成对象即可。

const m = new Map();
list.map(item=>{
          
   
	m.set(item.name, [...(m.get(item.name) || ), item.value])
})

上方的代码就是遍历list数组,然后往m中塞,m.set()的第一个参数时map的键,第二个参数数组是对应键的值,考虑到原先的m中可能存在该键,因此使用扩展运算符,将m.get()得到的值存入,若不存在则为空,同时传入当前item的value。 得到:

这时候使用Object.fromEntries(m.entries()),即可得到对应的对象。

经验分享 程序员 微信小程序 职场和发展