vue 对象数组去重

1、利用set去重

其实很简单，一般的数组去重可以直接用 new Set() 方法即可，但是数组对象的话，比较复杂，不能直接用，我们可以采取间接的方法来去重

对象去重

unique(arr) { // 根据唯一标识id来对数组进行过滤const res = new Map();//定义常量 res,值为一个Map对象实例//返回arr数组过滤后的结果，结果为一个数组   过滤条件是，如果res中没有某个键，就设置这个键的值为1return arr.filter((arr) => !res.has(arr.id) && res.set(arr.id, 1))
}

简单格式
代码如下（示例）：

function arr1(arr) {return Array.from(new Set(arr))
}
var arr = [1, 1, 1, 2, 2, 3, 4, 5, 6, 3, 4, 2, 4, 1,];
console.log(arr1(arr))

————————————————
下面有一个示例，根据对象的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 对象数组去重相关推荐

两个对象数组去重的3种方法
两个对象数组去重的3种方法前言问题描述解决方案一解决方案二解决方案三前言前段时间写过JavaScript数组去重最简单的 4 种方案,里面的数组元素是基本类型.本文要讲的数组元素是对象, ...
分享6个对象数组去重的方法
大家好,关于对象数组去重的业务场景,想必大家都遇到过类似的需求吧,针对这样的需求,你是怎么做的呢. 下面我就先和大家讨论下基于对象的某个属性如何去重. 方法一:使用 .filter() 和 .find ...
使用ES6进行对象数组去重
之前使用new Set数组去重,只可以去重简单字符数组,或者数字数组等.Array.from(new Set(arr))即可.但是这种方案针对对象数组并不适用. 那么简易的使用ES6进行对象数组去重呢 ...
【ES6】最简单的对象数组去重的方法
对象数组去重的方法 // arr传数组名,attr传属性名 const uniqueArr=(arr,attr)=> {const res = new Map();return arr.filt ...
JS对象数组去重简单有效方法
I.输入 JS对象数组去重是业务经常遇到的方法,稍微简洁一点的方法,如下: var data = [{"id": 1, "name": "李四1&qu ...
es6 使用filter给对象数组去重
一般的去重方式 var arr = [1, 2, 2, 3, 4, 5, 5, 6, 7, 7,8,8,0,8,6,3,4,56,2]; var arr2 = arr.filter((x, index ...
js 去重某个键值数组对象_js数组去重（包括对象数组去重）
2019.08.02补: 对象数组建议直接循环然后使用工具库(lodash)的深比较,评论里也有指出,文章的方法有些取巧了生产环境不要这么玩~. 方法一:利用ES6的Array.from()/扩展运 ...
对象数组去重——数组删除所有含有固定id的对象
一.重要方法 filter() 方法可以创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素. 1.数组去重 [86,77,77,86] ===> [86,77] /* 去除重 ...
每日一天：对象数组去重
function unique(arr){let unique = {};arr.forEach(function(item){unique[JSON.stringify(item)]=item;// ...

vue 对象数组去重

vue 对象数组去重

vue 对象数组去重相关推荐

最新文章

热门文章