JS对象属性排序小技巧

最新推荐文章于 2024-08-15 10:10:37 发布

前端开发博客

最新推荐文章于 2024-08-15 10:10:37 发布

阅读量553

点赞数 1

文章标签： js javascript python object json

原文链接：http://caibaojian.com/stable-stringify.html

版权

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

后来我搜索相关文章，发现了一个很有用的代码，能够自动对属性进行排序，分享给你们。

如下：

JSON.stringify(obj, Object.keys(obj).sort())

当我们使用上面这个Object.keys(obj).sort()之后，并不需要像上一篇手动加入属性组。

也可以用下面这个ES2016函数：

function orderedJsonStringify(o) {
  return JSON.stringify(Object.keys(o).sort().reduce((r, k) => (r[k] = o[k], r), {}));
}

完整的数组对象去重如下：

function unique(arr) {
  let unique = {};
  arr.forEach(function(item) {
    unique[orderedJsonStringify(item)] = item;
    //或者改为下面这句
    // unique[JSON.stringify(item, Object.keys(item).sort())]=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), {}));
}
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" 
    }
];
unique(books); 
// {author: "Oyinkan Braithwaite", name: "My Sister the Serial Killer"}
// {author: "Tara Westover", name: "Educated"}

如果文章对你有帮助，点个在看，谢谢！

好文和朋友一起看~