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

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

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

结果:
在这里插入图片描述

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

结果:
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_43299180/article/details/112562702