vue中对象数组去重的实现

作者:靳哲 时间:2024-04-27 16:18:27 

其实很简单,一般的数组去重可以直接用 new Set() 方法即可,但是数组对象的话,比较复杂,不能直接用,我们可以采取间接的方法来去重


unique(arr) {
const res = new Map();
return arr.filter((arr) => !res.has(arr.id) && res.set(arr.id, 1))
}

下面有一个示例,根据对象的id作为去重的依据:


<el-button type="primary" size="medium" @click="quChong()">点击</el-button>

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 = this.unique(arr);
   console.log(arr1);
  },
  unique(arr) {
   const res = new Map();
   return arr.filter((arr) => !res.has(arr.id) && res.set(arr.id, 1));
  },

vue中对象数组去重的实现

这样就很简单的去重了

来源:https://www.cnblogs.com/jin-zhe/p/11585944.html

标签:vue,对象,数组,去重
0
投稿

猜你喜欢

  • Python 删除连续出现的指定字符的实例

    2023-11-21 08:36:15
  • JavaScript实现自动变换表格边框颜色

    2024-06-07 15:25:53
  • 怎么用Python识别手势数字

    2021-11-14 16:35:35
  • python datetime 和时间戳互相转换问题

    2023-12-31 05:32:26
  • Python实现类似比特币的加密货币区块链的创建与交易实例

    2022-03-19 15:49:49
  • python读取yaml文件后修改写入本地实例

    2021-12-20 02:53:54
  • 使用 XML HTTP Request 对象[翻译]

    2007-11-07 21:11:00
  • MySQL8自增主键变化图文详解

    2024-01-25 19:08:38
  • Python Pandas基础操作详解

    2022-02-18 11:17:07
  • 菜鸟课堂:玩转MySQL数据库 性能优化八法

    2009-03-25 14:44:00
  • javascript弹出窗口总结

    2009-08-21 12:40:00
  • MS SQL SERVER 数据库日志压缩方法与代码

    2024-01-13 04:24:00
  • python中有关时间日期格式转换问题

    2023-03-17 07:43:12
  • python 实现控制鼠标键盘

    2023-08-04 09:37:56
  • php多任务程序实例解析

    2023-11-18 00:22:09
  • 详解tensorflow之过拟合问题实战

    2022-08-13 00:46:30
  • 微信小程序实现上传视频功能

    2023-08-24 16:18:42
  • PHP实现的DES加密解密类定义与用法示例

    2023-07-17 08:55:54
  • SQL语句练习实例之四 找出促销活动中销售额最高的职员

    2011-11-03 16:47:03
  • jupyternotebook 撤销删除的操作方式

    2021-04-06 22:12:01
  • asp之家 网络编程 m.aspxhome.com