在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的一句简单去重:(只能用于普通的数组去重,在vue中这个不管用,vue中可以,写一个去重的方法)
var nerarr = Array.from(new Set(arr))
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);
去除两个数组中相同的对象
//this.inputOutPutDataList,
//_this.inputOutPutDataListTemp 是含有相同对象的两个数组,
//tableId 是唯一ID
this.inputOutPutDataList = this.inputOutPutDataList //tableId
// .concat(this.inputOutPutDataListTemp)
.filter(n =>{
let list =_this.inputOutPutDataListTemp.map(v=>v.tableId);
return !list.includes(n.tableId);
});