js数组对象去重

一、数组去重

1、new Set实现数组去重

const arr = [1,2,3,3,3,3,3,2,2,3];
const newArr = [...new Set(arr)];//通过ES6的new Set进行数组去重：
console.log(newArr);

2、filter 实现数组去重

const arr = [1,2,3,3,3,3,3,2,2,3];
const newArr = arr.filter((it,index,list)=>list.indexOf(it) === index)
console.log(newArr);

二、数组对象去重

1、通过ES6的new Set进行对象数组去重

let arr2=[{a:‘1’,b:‘q’},{a:‘1’,b:‘q’},{a:‘2’,b:‘b’}]
const newArr = […new Set(arr2.map(e=>JSON.stringify(e)))].map(e=>JSON.parse(e))
console.log(newArr);

2、双层for循环

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

let arr = [{name:"小明"},{name:"小红"},{name:"小红"},{name:"小红"}];

    for (let i = 0; i < arr.length; i++) {
        for (let j = i + 1; j < tempArr.length; j++) {
            if (arr[i].id == arr[j].id) {
                arr.splice(j, 1);
                j--;
            };
        };
    };
console.log(arr);

3、indexOf ( )

定义一个数组存储id的值,然后逐个比较,把id值重复的对象删除即可

let arr = [{name:"小明"},{name:"小红"},{name:"小红"},{name:"小红"}];

    let newArr = [];
    for (let i = 0; i < arr.length; i++) {
        if (newArr.indexOf(arr[i].id) == -1) {
            newArr.push(arr[i].id);
        } else {
            arr.splice(i, 1);
        };
    };
console.log(arr);

4、对象访问属性的方法

采用对象访问属性的方法，判断属性值是否存在

let arr = [{name:"小明"},{name:"小红"},{name:"小红"},{name:"小红"}];

    let result = [];
    let obj = {};
    for (let i = 0; i < arr.length; i++) {
        if (!obj[arr[i].id]) {
            result.push(arr[i]);
            obj[arr[i].id] = true;
        };
    };
console.log(arr)

5、Map()

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

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

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

let arrObj =[{name:"小明"},{name:"小红"},{name:"小红"},{name:"小红"}];
let map = new Map();
for (let item of arrObj) {
    if (!map.has(item.id)) {
        map.set(item.id, item);
    };
};
let arr = [...map.values()];
console.log(arr);

以上五种方式，可以根据自己的喜好选择，如有错误，欢迎斧正。