VUE对数组里的对象进行去重

最新推荐文章于 2024-07-17 17:19:20 发布

不死海的不死Niao

最新推荐文章于 2024-07-17 17:19:20 发布

阅读量1.6k

点赞数 1

分类专栏： vue

原文链接：https://blog.csdn.net/Snow_GX/article/details/103401814

版权

vue 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现数组去重的方法，通过利用Map对象的特性，可以高效地从包含重复元素的对象数组中筛选出唯一项，保留首次出现的元素。

摘要由CSDN通过智能技术生成

根据唯一标识id去重
源数据
arr = [
    {"id":10,"name":"元素1"},
    {"id":10,"name":"元素1重复"},
    {"id":11,"name":"元素2"}
]
目标结果
arr = [
    {"id":10,"name":"元素1"},
    {"id":11,"name":"元素2"}

留下第一个相同的对象，

unique(arr) {
    // 创建一个Map对象实例
    const res = new Map() 
    // 过滤条件：如果res中没有某个键，就设置这个键的值为1
    return arr.filter((arr) => !res.has(arr.id) && res.set(arr.id, 1))
}
 
console.log(this.unique(this.arr))