数组里面对象去重的3种方法

8 篇文章 0 订阅

数组里面对象去重的方法挺多的,下面列了几种方法任君选择!

下面是将要过滤的数据,将arr里面id重复的数据去掉(下面方法中用的arr都是这组数据哦)。

var arr = [
  {id: 1, name: '周瑜1'},
  {id: 3, name: '王昭君1'},
  {id: 2, name: '李白1'},
  {id: 1, name: '周瑜2'},
  {id: 2, name: '李白2'},
  {id: 3, name: '王昭君2'}
];

1.数组的reduce()方法(ie9以下不支持此方法)

let newobj = {}; 
arr = arr .reduce((preVal, curVal) => {
	newobj[curVal.id] ? '' : newobj[curVal.id] = preVal.push(curVal); 
	return preVal 
}, [])

2.rxjs的distinct去重

import { from} from 'rxjs';
import { distinct} from 'rxjs/operators'; 
 
// from可以将可遍历的对象(iterable)转化为一个 Observable,
// distinct根据id关键字去重,然后订阅
from(arr).pipe(
  distinct((item) => item.id),
).subscribe(item => {
  console.log(item)
})
 
// 结果:
// {id: 1, name: "周瑜1"}
// {id: 3, name: "王昭君1"}
// {id: 2, name: "李白1"}

3.原生js方法(js方法有很多,下面随便列几个,可以按照个人喜好自己写一个适合自己的): 
下面的三个方法:distinct1和distinct2保留元数据,获取去重后的新数组,distinct3是直接对元数据进行修改的。

// 方法一
function distinct1(arr,key){
    var newobj = {},newArr = [];
    for(var i=0;i<arr.length;i++){
        var item = arr[i];
    	if(!newobj[item[key]]){
            newobj[item[key]] = newArr.push(item);
    	}
    }
    return newArr;
}
// 方法二
function distinct2(arr,key){
    var newArr = [];
    for(var i=0;i<arr.length;i++){
      var flag = true;
      for(var j=0;j<newArr.length;j++){
        if(arr[i][key] == newArr[j][key]){
          flag = false;
               break
        };
      }; 
      if(flag){
        newArr.push(arr[i]);
      };
    };
    return newArr;
}

// 也可以多条件去重, 
function distinctmore(arr, key1, key2, key3) {
      const newArr = [];
      for (let i = 0; i < arr.length; i++) {
        let flag = true;
        for (let j = 0; j < newArr.length; j++) {
          if (
            arr[i][key1] == newArr[j][key1] &&
            arr[i][key2] == newArr[j][key2] &&
            arr[i][key3] == newArr[j][key3]
          ) {
            flag = false;
            break;
          }
        }
        if (flag) {
          newArr.push(arr[i]);
        }
      }
      return newArr;
}

// 方法三, 方法三会更改数组的原始数据
function distinct3(arr, key){
    for(let i = 0; i < arr.length; i++) {
        for(let j = i+1; j < arr.length; j++) {
            if(arr[i][key] === arr[j][key]){
                arr.splice(j, 1);
                j = j-1;
            }
        }
    }
    return arr;
}

上面几种方法的输出结果都是:

  • 18
    点赞
  • 127
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值