ES6 reduce方法来对对象数组去重

最新推荐文章于 2022-06-23 14:46:04 发布

夜跑者

最新推荐文章于 2022-06-23 14:46:04 发布

阅读量499

点赞数

分类专栏： ES6

本文链接：https://blog.csdn.net/liubangbo/article/details/103544749

版权

ES6 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

示例代码如下：

<html>
 
<head>
<style type="text/css">

</style>
</head>
 
<body>
 
<script>

var arr = [{
    "name" : "xiao liu",
    "age" : 20,
    "sex" : "male"
},{
    "name" : "xiao zhang",
    "age" : 25,
    "sex" : "male"
},{
    "name" : "xiao zhang",
    "age" : 26,
    "sex" : "male"
},{
    "name" : "xiao liu",
    "age" : 20,
    "sex" : "male"
},{
    "name" : "xiao liu",
    "age" : 20,
    "sex" : "male"
}];

console.log("arr is: " + JSON.stringify(arr));
var obj = {};
arr = arr.reduce(function(item, next){
    if(!obj[next.name]){
        obj[next.name] = true;
        item.push(next);
    }
    return item;
}, []);
console.log("arr after is: " + JSON.stringify(arr));
</script>
 
</body>
</html>

打印如下：

arr is: [{"name":"xiao liu","age":20,"sex":"male"},{"name":"xiao zhang","age":25,"sex":"male"},{"name":"xiao zhang","age":26,"sex":"male"},{"name":"xiao liu","age":20,"sex":"male"},{"name":"xiao liu","age":20,"sex":"male"}]

arr after is: [{"name":"xiao liu","age":20,"sex":"male"},{"name":"xiao zhang","age":25,"sex":"male"}]

从打印我们看出确实进行了去重。