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));
      },

　　

 

 

這樣就很簡單的去重了

 

 

 

嗯，就醬~~