数组对象的多种实现方法

最近在开发中遇到一个问题，对于对象数组去重，在我之前可能想到的办法就是for循环，利用对象访问属性，判断key是否存在，但是这个实现过程未免有些繁琐，es6里面可以用更加简便的方法来实现，以下是几种对于数组对象去重的具体实现方法，对比一下，会发现第一种方法简直是不要太简便：

1. es6中filter， includes 实现。原理是filter过滤数组，先定义一个空数组arr，filter的返回值为是判断arr中是否有当前过滤的某一个属性值，如果没有arr push进去，如果有，当前层的遍历return false,直接过滤掉该层数据，继续往下遍历，以此类推直到该数组遍历完毕实现去重。

let testArr = [
    {
        name: 'baidu',
        value: 11
    },
    {
        name: 'aiqiyi',
        value: 22
    },
    {
        name: 'souhu',
        value: 33
    },
    {
        name: 'baidu',
        value: 44
    }
]

function unique(array, key) {
    let arr = [];
    return array.filter(item => !arr.includes(item[key]) && arr.push(item[key]));
}

console.log(unique(testArr, 'name'));  
 
输出:
[
    {name: "baidu", value: 11},
    {name: "aiqiyi", value: 22},
    {name: "souhu", value: 33}
]

2. 采用es6 reduce方法 遍历数组，也是通过对象访问属性的方法。

function unique(arr, key) {
    var obj = {};
    arr = arr.reduce((item, next) {
      obj[next.key] ? '' : obj[next.key] = true && item.push(next);
      return item;
   }, []);
}

3. 最后一个方法最繁琐，利用对象访问属性的方法，判断对象中是否存在key

function unique(arr, key) {
    var result = [];
    var obj = {};
    for(var i =0; i<arr.length; i++){
        if(!obj[arr[i].key]){
            result.push(arr[i]);
            obj[arr[i].key] = true;
        }
    }
    return result;
}

总体实现下来还是第一种方法最简洁并且易懂。

是不是很简洁