网络编程
位置：首页>> 网络编程>> JavaScript>> vue中对象数组去重的实现

vue中对象数组去重的实现

作者：靳哲　　发布时间：2024-04-27 16:18:27　

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

vue中对象数组去重的实现

这样就很简单的去重了

来源：https://www.cnblogs.com/jin-zhe/p/11585944.html

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com