数组去重的几种方法

非数组对象去重

第一种：filter()和indexOf()实现去重

let  originArr= ['a', 'b', 'c', 'd', 'a', 'b', 'c', 'd']let uniqueArr = originArr.filter((item, index, array) => {return array.indexOf(item) === index
})
console.log(uniqueArr)//['a', 'b', 'c', 'd']

第二种：reduce()和includes()实现去重

let originalArr = ['a', 'b', 'c', 'd', 'a', 'b', 'c', 'd']let uniqueArr = originalArr.reduce((unique, item) => {return unique.includes(item) ? unique : [...unique, item]
}, [])console.log(uniqueArr)
// ['a', 'b', 'c', 'd']

第三种：Set实现去重

let originalArr = ['a', 'b', 'c', 'd', 'a', 'b', 'c', 'd']let uniqueArr = [...new Set(originalArr)]或者let uniqueArr = Array.from(new Set(originalArr))console.log(uniqueArr)//  ['a', 'b', 'c', 'd']

数组对象去重

第一种：双层for循环

两两比较，如果后一个对象的id值和前一个对象的id值相等，就把后面的对象删除

let arrObj = [{ name: "小红", id: 1 },{ name: "小橙", id: 1 },{ name: "小黄", id: 4 },{ name: "小绿", id: 3 },{ name: "小青", id: 1 },{ name: "小蓝", id: 4 }
];
function fn1(tempArr) {for (let i = 0; i < tempArr.length; i++) {for (let j = i + 1; j < tempArr.length; j++) {if (tempArr[i].id == tempArr[j].id) {tempArr.splice(j, 1);j--;};};};return tempArr;
};
console.log(fn1(arrObj));

第二种：indexOf()

let arrObj = [{ name: "小红", id: 1 },{ name: "小橙", id: 1 },{ name: "小黄", id: 4 },{ name: "小绿", id: 3 },{ name: "小青", id: 1 },{ name: "小蓝", id: 4 }
];
function fn2(tempArr) {let newArr = [];for (let i = 0; i < tempArr.length; i++) {if (newArr.indexOf(tempArr[i].id) == -1) {newArr.push(tempArr[i].id);} else {tempArr.splice(i, 1);i--;};};return tempArr;
};
console.log(fn2(arrObj));

第三种：对象访问属性的方法

let arrObj = [{ name: "小红", id: 1 },{ name: "小橙", id: 1 },{ name: "小黄", id: 4 },{ name: "小绿", id: 3 },{ name: "小青", id: 1 },{ name: "小蓝", id: 4 }
];
function fn3(tempArr) {let result = [];let obj = {};for (let i = 0; i < tempArr.length; i++) {if (!obj[tempArr[i].id]) {result.push(tempArr[i]);obj[tempArr[i].id] = true;};};return result;
};
fn3(arrObj)

第四种：Map()

has方法可以判断Map对象中是否存在指定元素,有则返回true，否则返回false

set方法可以向Map对象添加新元素 map.set(key, value)

values方法可以返回Map对象值的遍历器对象

let arrObj = [{ name: "小红", id: 1 },{ name: "小橙", id: 1 },{ name: "小黄", id: 4 },{ name: "小绿", id: 3 },{ name: "小青", id: 1 },{ name: "小蓝", id: 4 }
];
// 方法一：
let map = new Map();
for (let item of arrObj) {if (!map.has(item.id)) {map.set(item.id, item);};
};
arr = [...map.values()];
console.log(arr);// 方法二： (代码较为简洁)
const map = new Map();
const newArr = arrObj.filter(v => !map.has(v.id) && map.set(v.id, 1));
console.log(newArr);

参考文章：数组对象去重的四种方式(强推最后一种！！！)_不甜呐的博客-CSDN博客