js 把数组对象中某一项属性相同的对象筛选出来(一维数组升级到二维数组)

最新推荐文章于 2023-12-13 18:06:29 发布

转载最新推荐文章于 2023-12-13 18:06:29 发布 · 864 阅读

CC 4.0 BY-SA版权

原文链接：https://blog.youkuaiyun.com/a378113472/article/details/121861879?spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-1-121861879-blog-127305696.pc_relevant_multi_platform_whitelistv3&depth_1-utm_source=dist

文章标签：

#javascript #typescript #vue.js

Vue 同时被 2 个专栏收录

17 篇文章

订阅专栏

13 篇文章

订阅专栏

文章描述了一个数据处理的过程，将包含多个对象的一维数组转换为以共同属性（如name）为key，对应的元素集合为value的二维对象结构。原始数据是一个包含个人信息（姓名、年龄、地址）的数组，处理后形成了以姓名为键，包含对应所有详细信息子对象的列表。

思想:一维提取成二维，
目标提取的元素作为对象的value,公共的属性作为key 构造对象再通过Object.values获取到对象的vaule值

[
	{
		name:'小明',
		age:'18',
		address:'天上'
	}，
		{
		name:'小红',
		age:'19',
		address:'地里'
	}，
		{
		name:'小明',
		age:'20',
		address:'叙利亚'
	}，
		{
		name:'小明',
		age:'5',
		address:'娘胎'
	}，
]

想处理成

```typescript
[
	{
		name:小明，
		list:[{
			age:18,
			address:'天上'
		},
		{
			age:'20',
			address:'叙利亚'
		},
		{
			age:'5',
			address:'娘胎'
		},]
	},
	{
		name:'小红',
		list:[{
			age:'19',
			address:'地里'
		}]
	}
]

```typescript
let arr = data.data
            let dataInfo = {};
            arr.forEach((item, index) => {
              let { name } = item;
              // console.log(line_name)
              if (!dataInfo[name]) {
                dataInfo[name] = {
                  name,
                  child: []
                }
              }
              dataInfo[name].child.push(item);
            });
            let list = Object.values(dataInfo); // list 转换成功的数据