美文网首页
数组对象的合并分组

数组对象的合并分组

作者: 大梦无痕 | 来源:发表于2019-05-29 15:45 被阅读0次

通过某个字段去重数组对象,例如:id

          var arr = [{
                id: 0,
                test: "艾希"
            },
            {
                id: 7,
                test: "安妮"
            },
            {
                id: 7,
                test: "维嘉"
            },
            {
                id: 7,
                test: "无极"
            },
            {
                id: 6,
                test: "剑姬"
            },
            {
                id: 0,
                test: "拉克丝"
            }
        ]

方法1

let map = {};
let mapArray = [];
for(const i in arr) {
    let item = arr[i];
    map[item['id']] = {
        arr: (map[item['id']]?map[item['id']].arr:[]).concat([item]),
        id:item.id
    };
}
for(var key in map) {
    mapArray.push(map[key]);
}
console.log(mapArray);

结果


image.png

方法2

        var idList = [...new Set(arr.map((e)=>{return e.id}))];
        var list = [];
        idList.forEach((e)=>{
            var item = arr.filter((res)=>{
                return res.id==e;
            })
            list.push({
                id:e,
                list:item
            })
        })
        console.log(list)
结果 image.png

相关文章

  • 数组对象的合并分组

    通过某个字段去重数组对象,例如:id 方法1 结果image.png 方法2 结果image.png

  • ES6 - ECMA2018 - 学习总结

    新的概念与方法 概略图: 基本使用 rest操作符解构赋值 合并数组 合并对象 正则扩展 具名分组 Promise...

  • 数组去重,数据合并,数组合并去重等ES6语法

    数组去重 数组合并 数组合并去重 淘宝首页到底用了多少种标签(面试题) 对象合并 数组合并替换

  • js数组中常用方法详解(ES5)

    1.concat();合并数组,返回合并后的数组 ---不包含对象的数组的深拷贝;对象数组的浅拷贝(详见下一篇...

  • 数组分类

    js对象数组(JSON) 根据某个共同字段 分组 希望的是将下面的对象数组: 根据相同id字段分组,转换成下面这种...

  • 合并对象数组

    最近在做多图片上传,发现上传前后文件顺序不一致,那么如何让上传后的顺序跟上传前的顺序保持一致呢?经过调试发现上传前...

  • java 数组对象分组

    对数组中的对象按照对象属性的值进行分组

  • scanpy合并adata数据和随机采样

    加载datafram格式的rnacounts数据 添加分组信息 合并annadata对象

  • 对象数组分组

    项目中成员列表需要按成员类型来显示,但是后台返回的列表数据格式不是我们遍历所需要的格式。先把数据分组: 执行上面代...

  • 合并两个相同的数组

    遇到一个问题,需要把两个相同的数组合并成一个数组, 数组对象yuanMultipleSelection 数组对象s...

网友评论

      本文标题:数组对象的合并分组

      本文链接:https://www.haomeiwen.com/subject/hdyytctx.html