vue中對象數組去重

其實很簡單，一般的數組去重可以直接用 new Set() 方法即可，但是數組對象的話，比較復雜，不能直接用，我們可以采取間接的方法來去重

unique(arr) {
  const res = new Map();
  return arr.filter((arr) => !res.has(arr.id) && res.set(arr.id, 1))
}

 

下面有一個示例，根據對象的id作為去重的依據：

　 <el-button type="primary" size="medium" @click="quChong()">點擊</el-button>

 

quChong() {
        let arr = [
          {
            id: 1,
            name: '111'
          },
          {
            id: 1,
            name: '111'
          },
          {
            id: 2,
            name: '222'
          },
          {
            id: 3,
            name: '333'
          }
        ];
        console.log(arr);
        console.log('--------------------');
        let arr1 = this.unique(arr);
        console.log(arr1);
      },
      unique(arr) {
        const res = new Map();
        return arr.filter((arr) => !res.has(arr.id) && res.set(arr.id, 1));
      },

　　

 

 

這樣就很簡單的去重了

 

 

 

嗯，就醬~~