js 过滤数组多个对象（把id和name不同的放到一个新数组中）

京城烟雨灬落

已于 2023-01-12 16:00:16 修改

阅读量1.5k

点赞数

分类专栏： js方法 vue 知识文章标签： javascript 前端开发语言

于 2023-01-12 15:53:35 首次发布

本文链接：https://blog.csdn.net/qq_42174597/article/details/128660939

版权

vue 知识同时被 2 个专栏收录

23 篇文章 0 订阅

订阅专栏

js方法

15 篇文章 1 订阅

订阅专栏

文章介绍了如何利用JavaScript的Array.prototype.filter和Array.prototype.map方法结合Set数据结构，从数组中筛选出id和name都不同的对象，存储到新数组中。示例代码展示了具体实现过程，最终输出不含重复id和name的元素。

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

JavaScript 中，可以使用 Array.prototype.filter() 和 Array.prototype.map() 方法来实现，把数组对象里 id 和 name 都不同的对象 push 到一个新数组中。

第一步是使用 Array.prototype.filter() 方法过滤出具有不同 id 和 name 的元素。第二步是使用 Array.prototype.map() 方法将过滤出的元素映射到一个新数组中。

例如：

let arr = [
    {id: 1, name: 'a'}, 
    {id: 2, name: 'b'},
    {id: 3, name: 'c'}, 
    {id: 1, name: 'd'},
    {id: 2, name: 'b'}
];
let seenId = new Set();
let filteredArr = arr.filter(item => {
     //这里如果只需要过滤一个值，写一个就可以了
    if (seenId.has(item.id + item.name) ) {
        return false;
    } else {
        seenId.add(item.id + item.name);
        return true;
    }
});
console.log(filteredArr);
   // {id: 1, name: 'a'}, 
   // {id: 2, name: 'b'},
   // {id: 3, name: 'c'}, 
   // {id: 1, name: 'd'},

另外： set.has()方法是返回一个布尔值来指示对应的值value是否存在Set对象中

set.add()方法用来向一个Set对象的末尾添加一个指定的值。

不清楚的同学可以去看一下set 的实例讲解。。。