JS对数据进行分组

最新推荐文章于 2024-07-24 22:50:18 发布

柳宁依

最新推荐文章于 2024-07-24 22:50:18 发布

阅读量6.3k

点赞数 9

分类专栏： javascript

本文链接：https://blog.csdn.net/weixin_36339245/article/details/103522998

版权

javascript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

被分组数据类型：包含n多个对象的数据

代码示例：

let data = [
    { key: 'xxx', name: 'yiyi', age: 12, money: 10 },
    { key: 'sss', name: 'iii', age: 13, money: 100 },
    { key: 'ddd', name: 'ooo', age: 13, money: 50 },
    { key: 'sss', name: 'mmm', age: 50, money: 90 },
    { key: 'ddd', name: '888', age: 13, money: 88 },
    { key: 'aaa', name: 'qqq', age: 30, money: 78 },
    { key: 'aaa', name: 'qqq', age: 13, money: 32 },
    { key: 'xxx', name: 'heh', age: 13, money: 95 },
    { key: 'sss', name: 'rtt', age: 15, money: 456 },
    { key: 'xxx', name: 'opp', age: 15, money: 91 },
    { key: 'ddd', name: 'gun', age: 19, money: 66 },
];

//data是要被分组的数据[]，key是分组依据的关键字
let getGroup=(data,key)=>{
    let groups={};
    data.forEach(c=>{
        let value=c[key];
        groups[value]=groups[value]||[];
        groups[value].push(c);
    });
    return groups;
}

console.log(getGroup(data,'key'))

调用这个getGroup方法得到的结果就是

{
    aaa:[
        {key: "aaa", name: "qqq", age: 30, money: 78},
        {key: "aaa", name: "qqq", age: 13, money: 32}
    ],
    ddd:[
        {key: "ddd", name: "ooo", age: 13, money: 50},
        {key: "ddd", name: "888", age: 13, money: 88},
        {key: "ddd", name: "gun", age: 19, money: 66}
    ],
    sss:[
        {key: "sss", name: "iii", age: 13, money: 100},
        {key: "sss", name: "mmm", age: 50, money: 90},
        {key: "sss", name: "rtt", age: 15, money: 456}
    ],
    xxx:[
        {key: "xxx", name: "yiyi", age: 12, money: 10}
        {key: "xxx", name: "heh", age: 13, money: 95}
        {key: "xxx", name: "opp", age: 15, money: 91}
    ]
}

这样同一组数据就在一个对象属性里面了，可以愉快的开始使用分组后的数据了