vue根据数组对象中某个唯一标识去重
2024-10-15 04:45:36
由于在vue中,会自动在数组和对象中加入_obser__观察者模式的一些属性,所以直接用数组的filter去重(下面这种),indexOf不能准确识别
var arr = [1, 2, 2, 3, 4, 5, 5, 6, 7, 7];
var arr2 = arr.filter(function(x, index,self) {
return self.indexOf(x)===index;
});
console.log(arr2); //[1, 2, 3, 4, 5, 6 ,7]
或者用ES6的一句简单去重
var nerarr = Array.from(new Set(arr))
只能用于普通的数组去重,在vue中这个不管用,
vue中可以,写一个去重的方法
methods:{
unique(arr) { // 根据唯一标识orderId来对数组进行过滤
const res = new Map(); //定义常量 res,值为一个Map对象实例
//返回arr数组过滤后的结果,结果为一个数组 过滤条件是,如果res中没有某个键,就设置这个键的值为1
return arr.filter((arr) => !res.has(arr.OrderId) && res.set(arr.OrderId, 1))
},
}
使用
this.arr = this.unique(this.arr);
最新文章
- LeetCode: Product of Array Except Self
- Java的位运算符详解实例——与(&;)、非(~)、或(|)、异或(^)
- 查找文件并执行的shell命令
- 有关EL表达式的一些笔记
- MapReduce自定义类输出的内容为内存地址
- Xcode-Xcode 7.3 解决不能自动联想问题-备
- BF算法(朴素的模式匹配算法)
- Sort list by merge sort
- 详细说明XML分解(两)—DOM4J
- 无分类编址 CIDR (构成超网)
- 中国移动能力开放商店OneNET View数据可视化公测 10分钟轻便生成行业可视化界面
- linux下c通过虚拟地址映射读写文件的代码
- vue集成环信IM
- SecureCRT使用帮助
- python3中的编码
- Nginx配置之location模块和proxy模块
- What's New In Python 3.X
- [leetcode.com]算法题目 - Decode Ways
- Django的基本开发环境配置和MTV模型
- POJ 3295 Tautology 构造 难度:1