js 数组去重

1、使用reduce()方法对象数组去重
通过数组的reduce()方法对数组的对象从左到右进行处理，定义一个空对象obj{}；
如果数组当前对象的name不在obj{}，就将当前对象的name加入到空对象，并将当前对象push到积累变量total数组里；
如果当前对象的name存在obj{}，则跳过push操作。

//reduce第一个参数是遍历需要执行的函数，第二个参数是item的初始值
var arr = [{"id":1,"name":"张三"},{"id":2,"name":"李四"},{"id":3,"name":"王五"},{"id":2,"name":"张三"}];
var obj = {};
arr = arr.reduce(function(item, next) {
       obj[next.id] ? '' : obj[next.id] = true && item.push(next);
       return item;
    }, []);
console.log(arr);
1
2
3
4
5
6
7
8

2、利用set去重
可以判断多个属性，这里判断了两个条件，（id 和 name）

var arr2 = [{"id":1,"name":"张三"},{"id":2,"name":"李四"},{"id":3,"name":"王五"},{"id":2,"name":"张三"},{'id':4,'name':'李四'}];

function unique(arr){
    const res= new Map()
    return arr.filter((a)=> !res.has(a.id) && res.set(a.id,1) && !res.has(a.name) && res.set(a.name,1))
}
//输出结果：
unique(arr2)
[
    {
        "id": 1,
        "name": "张三"
    },
    {
        "id": 2,
        "name": "李四"
    },
    {
        "id": 3,
        "name": "王五"
    }
]

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

3、使用双重循环实现

var arr = [{ name: '小明', id: 1 }, { name: '张晓', id: 2 }, { name: '王哈', id: 3 }, { name: '刘海', id: 4 },
    { name: '小明', id: 6 }, { name: '李宁', id: 7 }, { name: '王哈', id: 8 }];
    var temp = [];
    function uniqueArray() {
        arr.forEach(function (a) {
            var check = temp.every(function (b) {
                return a.name !== b.name;
            })
            check ? temp.push(a) : ''
        })
        return temp;
    }
    var result = uniqueArray();
    console.log('方法一：es5,result=', result);
1
2
3
4
5
6
7
8
9
10
11
12
13
14

4、使用ES6中的map实现

var arr = [{ name: '小明', id: 1 }, { name: '张晓', id: 2 }, { name: '王哈', id: 3 }, { name: '刘海', id: 4 },
    { name: '小明', id: 6 }, { name: '李宁', id: 7 }, { name: '王哈', id: 8 }];
    let uniqueArray = () => {
        let name = 'name';
        let map = new Map();
        for (let item of arr) {
            if (!map.has(item.name)) {
                map.set(item.name, item);
            }
        }
        return [...map.values()];
    }
    let result = uniqueArray();
    console.log('方法二：result=', result);
1
2
3
4
5
6
7
8
9
10
11
12
13
14