當前位置 主頁 > 網站技術 > 代碼類 > 最大化 縮小

    vue中對象數組去重的實現

    欄目:代碼類 時間:2020-02-06 18:08

    其實很簡單,一般的數組去重可以直接用 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));
       },

    這樣就很簡單的去重了

    以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持IIS7站長之家。

    下一篇:沒有了
教我怎样炒股