标签：arr vue res filter tableId 数组

在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);

});

 

标签：arr,vue,res,filter,tableId,数组
来源： https://www.cnblogs.com/qianduan-lucky/p/15400762.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。