数组⾥⾯对象去重的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
}, [])
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;
  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);
原生js和js的区别
j = j-1;
}
}
}
return arr;
}
上⾯⼏种⽅法的输出结果都是：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。