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));
},
这样就很简单的去重了
来源: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