js 数组及对象数组去重

最新推荐文章于 2023-09-27 17:09:36 发布

coding苏

最新推荐文章于 2023-09-27 17:09:36 发布

阅读量605

点赞数

分类专栏： javascript 文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/weixin_43190804/article/details/121957478

版权

javascript 专栏收录该内容

27 篇文章 2 订阅

订阅专栏

本文介绍了一种使用ES6中Map数据结构来去除JavaScript对象数组中的重复元素的方法。通过创建一个Map，利用filter方法过滤数组，只保留Map中没有的项，从而达到去重的效果。这种方法尤其适用于包含复杂对象的数组，例如具有唯一标识符（如'id'）的对象数组。

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

一. 对象数组去重
1.es6方法 new Map()

function quChong() {
  let arr = [
     {
       id: 1,
       name: '111'
     },
     {
       id: 1,
       name: '111'
     },
     {
       id: 2,
       name: '222'
     },
     {
       id: 3,
       name: '333'
     }
   ];
   console.log(arr);
   console.log('--------------------');
   let arr1 = unique(arr);
   console.log(arr1);
 };
 function unique(arr) {
   const res = new Map();
   return arr.filter((item) => !res.has(item.id) &&  res.set(item.id, 1));
 }
 quChong()