js 去除数组对象里面的重复对象

小咪咪 2023-01-06 01:11 150阅读 0赞

去除数组对象里面的重复对象，这种情况在项目里面是经常遇到的一个需求，方便以后使用这里记录一下：

###### 1、根据对象里面的一个属性去重，以id为例 ######

类似于数组的去重，可以使用 indexOf 、include、lastIndexOf、find 等，这里只用 indexOf 实现一下。

let arr = [
    	{ id:1, name:'test', status:'success'},
    	{ id:2, name:'dev', status:'success'},
    	{ id:3, name:'prod', status:'fail'},
    	{ id:4, name:'sand', status:'waiting'},
    	{ id:3, name:'box', status:'running'},
    	{ id:2, name:'dev', status:'success'}
    ]
    function objHeavy（arr）{ 
    	let arr1 = []; //存id
    	let newArr = []; //存新数组
    	for(let i in arr){ 
    		if(arr1.indexOf(arr[i].id) == -1){ 
    			arr1.push(arr[i].id);
    			newArr.push(arr[i]);
    		}
    	}
    	return newArr;
    }

结果：  
![在这里插入图片描述][20210113142115287.jpg_pic_left]

###### 2、只去重完全相同对象（属性属性值都相同） ######

大致思路如下：  
首先、循环数组，拿到对象的所有属性组成的数组；  
其次、循环属性数组把对象的属性和对应的值拼接成字符串；  
然后、利用 hasOwnProperty 方法判断这个字符串是不是对象 obj 里的属性，如果不是则以这个字符串为属性，true为值给 obj 对象新增一个属性；  
最后、继续循环判断下一个对象；

let arr = [
    	{ id:1, name:'test', status:'success'},
    	{ id:2, name:'dev', status:'success'},
    	{ id:3, name:'prod', status:'fail'},
    	{ id:4, name:'sand', status:'waiting'},
    	{ id:3, name:'prod', status:'fail'},
    	{ id:2, name:'dev', status:'success'}
    ]
    function objHeavy（arr）{ 
    	var newArr= []; //存新数组
        var obj= { }; //存处理后转成字符串的对象
        for (var i = 0; i < arr.length; i++) { 
            var keys = Object.keys(arr[i]);
            keys.sort(function(a, b) { 
                return (Number(a) - Number(b));
            });
            var str = '';
            for (var j = 0; j < keys.length; j++) { 
                str += JSON.stringify(keys[j]);
                str += JSON.stringify(arr[i][keys[j]]);
            }
            if (!obj.hasOwnProperty(str)) { 
                newArr.push(arr[i]);
                obj[str] = true;
            }
        }
        return newArr;
    }

结果：  
![在这里插入图片描述][20210113143408179.jpg]

[20210113142115287.jpg_pic_left]: /images/20221119/cb0079c7288b46129cdba1afe08b4288.png
[20210113143408179.jpg]: https://img-blog.csdnimg.cn/20210113143408179.jpg

发表评论取消回复

表情：

评论列表（有 0 条评论，150人围观）

还没有评论，来说两句吧...

相关阅读

相关 js 去除数组对象里面的重复对象

去除数组对象里面的重复对象，这种情况在项目里面是经常遇到的一个需求，方便以后使用这里记录一下： 1、根据对象里面的一个属性去重，以id为例类似于数组的去重，可以使用

小咪咪/ 2023年01月06日 01:11/ 0 赞/ 151 阅读

相关 java的List集合去除重复的对象

方法之一:List集合转化成Set集合，去重后，如果还需要List类型的参数，在把set对象转回成List对象就好了 //有重复数据的list对象 Li

骑猪看日落/ 2022年12月30日 08:24/ 0 赞/ 155 阅读

相关 js 去掉数组对象中的重复对象

在数组对象中去掉重复的对象: export function deteleObject(obj) \{ var uniques = \[\]; var stringif

冷不防/ 2022年12月27日 07:56/ 0 赞/ 77 阅读

相关 JS合并数组对象中重复数据

[https://www.jianshu.com/p/c50515d369c4][https_www.jianshu.com_p_c50515d369c4] <sc

╰+哭是因爲堅強的太久メ/ 2022年12月15日 02:52/ 0 赞/ 176 阅读

相关 js查找数组里面的重复的元素

for循环indexof（） var a=[1, 2, 2, 3, 4, 2, 2,5,36,4,78,3,3,3,3]; var

我会带着你远行/ 2022年12月14日 06:20/ 0 赞/ 160 阅读

相关往数组里面添加对象，往对象里面添加元素

当后台传过来一个数组的时候，我们发现，需要往里面添加个属性，用起来更方便，这时候，我们就要往数组里面添加一个对象，再使用这个新的数组就可以了 var cardNumA

迷南。/ 2022年05月12日 01:28/ 0 赞/ 194 阅读

相关 js去掉数组中重复的json对象

需求：去除数组对象中重复的json对象![20190430153102848.png][] js代码： var arr=[{ service_c

拼搏现实的明天。/ 2022年04月25日 02:18/ 0 赞/ 316 阅读

相关 List集合去除重复对象

在java中，要将一个List中重复的对象除去，如果这个集合中的数据类型是基本数据类型，可以直接将List集合转换成Set，就会自动去除重复的元素，大家都知道Set集合的特点就

比眉伴天荒/ 2022年03月01日 06:08/ 0 赞/ 247 阅读

相关 Js 数组去除重复数据算法

在JS中经常会遇到去除数组中重复数据的需求,在此介绍四种算法以实现JS数组去重的功能. 0.ES6 set 去重实现思路：使用ES6新

红太狼/ 2021年09月16日 10:48/ 0 赞/ 271 阅读

相关 js去除数组重复值的方法

思路：首先创建一个新数组，然后循环要去重的数组，然后用新数组去找要去重数组的值，如果找不到则使用.push添加到新数组，最后把新数组返回回去就行了。我们可以利用inde...

小灰灰/ 2020年05月31日 16:23/ 0 赞/ 797 阅读