数组包对象去重-小办法

数组对象去重的时候，如果由于对象里面的内容是一样，但是属性位置不一样，从而导致我们可能出现无法去重，虽然JSON.stringify()的第二个参数能够自行添加属性到数组里面，但有可能出现我们并不知道对象具体有哪些属性。比如这样的数据要进行去重处理 ⬇️

const books = [
    {
        
        author: "Oyinkan Braithwaite" ,
        name: "My Sister the Serial Killer"
    },
    {
        name: "Educated",  
        author: "Tara Westover" 
    },
    {
        name: "My Sister the Serial Killer",  
        author: "Oyinkan Braithwaite" 
    }
];

我门需要处理成这样 ⬇️

[
    {
        "author": "Oyinkan Braithwaite",
        "name": "My Sister the Serial Killer"
    },
    {
        "author": "Tara Westover",
        "name": "Educated"
    }
]

可以使用 JSON.stringify() ➕ Object.keys() ➕ sort() ➕ JSON.parse ()。
JSON.stringify() 方法用于将 JavaScript 值转换为 JSON 字符串。
JSON.parse() 方法将数据转换为 JavaScript 对象。
Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和正常循环遍历该对象时返回的顺序一致。
sort() 方法用于对数组的元素进行排序,排序顺序可以是字母或数字，并按升序或降序,默认排序顺序为按字母升序。

function unique(arr) {
    let unique = {};
    arr.forEach(function(item) {
        unique[JSON.stringify(item, Object.keys(item).sort())] = item;
    })
    arr = Object.keys(unique).map(function(u) {
        return JSON.parse(u);
    })
    return arr;
}

unique(books);

搞完成后的结果就是这样 ⬇️

[
    {
        "author": "Oyinkan Braithwaite",
        "name": "My Sister the Serial Killer"
    },
    {
        "author": "Tara Westover",
        "name": "Educated"
    }
]

简单的数组去重应该很容易，方法在优化一下 ⬇️

function unique(arr) {
    let unique = {};
    arr.forEach(function(item) {
        unique[orderedJsonStringify(item)] = item;
    })
    arr = Object.keys(unique).map(function(u) {
        //Object.keys()返回对象的所有键值组成的数组，map方法是一个遍历方法，返回遍历结果组成的数组.将unique对象的键名还原成对象数组
        return JSON.parse(u);
    })
    return arr;
}
function orderedJsonStringify(o) {
  return JSON.stringify(Object.keys(o).sort().reduce((r, k) => (r[k] = o[k], r), {}));
}

unique(books); 

---

下期写个前端如何处理十万条数据（实际工作中应该不存在这样的问题，如果出现那就是后端皮痒了）

😈需求不会无所吊谓