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();  //定義常量 res,值為一個Map對象實例
      //返回arr數組過濾后的結果,結果為一個數組   過濾條件是,如果res中沒有某個鍵,就設置這個鍵的值為1
      return arr.filter((arr) => !res.has(arr.OrderId) && res.set(arr.OrderId, 1)) 
    }, 
}

 

使用

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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM