vue中对象数组去重的实现
2020-02-13 11:31
1671 查看
其实很简单,一般的数组去重可以直接用 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实现对数组、对象的深拷贝、复制
- vue数组对象排序的实现代码
- vue.js基于v-for实现批量渲染 Json数组对象列表数据示例
- Vue实现对数组、对象的深拷贝、复制
- vue中数据绑定了一个对象/数组,然后改变对象里的属性值,实现不了双向绑定
- Vue实现对数组、对象的深拷贝、复制
- Vue实现对数组、对象的深拷贝、复制
- element ui 实现省市区三级联动 及for循环获取数组里对象的属性
- JavaScript数组对象实现增加一个返回随机元素的方法
- Vue - 实现简单类数据存储效果(操作数组)
- 算法学习---对象类型的数组二分查找实现
- Vue.js在数组中插入重复数据的实现代码
- 利用JAVA数组模拟集合实现简单的对象数组的添加
- jedis实现redis的消息队列、发布对象消息、字节数组与字符串相互转换
- Vue源码解析之数组变异的实现
- PHP实现数组按数组方式访问和对象方式操作
- javascript 实现数组或对象排序
- vue中根据对象删除数组中对应的元素
- vue给input file绑定函数获取当前上传的对象完美实现方法
- 对象的集合 -- 栈,使用stl 中的vector 或者 原始数组来实现