数组对象根据某个key值分组

最新推荐文章于 2024-04-17 12:31:08 发布

xujing_06

最新推荐文章于 2024-04-17 12:31:08 发布

阅读量312

点赞数

CC 4.0 BY-SA版权

文章标签： c++ vue.js typescript

本文链接：https://blog.youkuaiyun.com/xujing_06/article/details/130385687

该代码段展示了如何使用JavaScript处理数据数组，通过groupingKeyFun2函数将具有相同标题（title）的项合并，将数据（data）归并到同一标题下。首先，它创建afterDataCopy的深拷贝，然后查找是否存在相同标题的项，如果不存在则添加新项，否则将数据追加到已存在的项中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

export const groupingKeyFun2 = (afterData: any, list: any) => {
    const afterDataCopy: any[] = cloneDeep(afterData);
    const flag = afterDataCopy?.find((item1: any) => item1.name === list.title);
    if (!flag) {
        afterDataCopy?.push({
            name: list.title,
            compontents: [...list.data],
        });
    } else {
        flag?.compontents?.push(...list.data);
    }
    return afterDataCopy;
};

const data = [
    {
        title: '11',
        data: [{ name: 'a' }, { name: 'b' }],
    },
    {
        title: '11',
        data: [{ name: 'c' }, { name: 'd' }],
    },
    {
        title: '2',
        data: [{ name: 'c' }, { name: 'd' }],
    },
    {
        title: '2',
        data: [{ name: 'c' }, { name: 'd' }],
    },
    {
        title: '3',
        data: [{ name: 'c' }, { name: 'd' }],
    },
];
let arry = [];
data.map(list => {
    arry = groupingKeyFun2(arry, list);
});