vue根据数组对象总某个唯一标识去重

由于在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();
          return arr.filter((arr) => !res.has(arr.OrderId) &&     
                  res.set(arr.OrderId, 1))
    },
}

使用

this.arr = this.unique(this.arr);

猜你喜欢

转载自www.cnblogs.com/leiting/p/9925665.html
今日推荐