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

最新推荐文章于 2025-02-07 11:37:37 发布

原创最新推荐文章于 2025-02-07 11:37:37 发布 · 364 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#c++ #vue.js #typescript

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

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);
});