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

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

下面是将要过滤的数据，将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

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