vue根据数组对象中某个唯一标识去重

由于在vue中，会自动在数组和对象中加入_obser__观察者模式的一些属性，所以直接用数组的filter去重（下面这种），indexOf不能准确识别

var arr = [1, 2, 2, 3, 4, 5, 5, 6, 7, 7];
var arr2 = arr.filter(function(x, index,self) {
return self.indexOf(x)===index;
});
console.log(arr2); //[1, 2, 3, 4, 5, 6 ,7]

或者用ES6的一句简单去重

var nerarr = Array.from(new Set(arr))

只能用于普通的数组去重，在vue中这个不管用,

vue中可以，写一个去重的方法

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

使用

this.arr = this.unique(this.arr);

转载于:https://www.cnblogs.com/leiting/p/9925665.html

vue根据数组对象中某个唯一标识去重相关推荐

python id()函数（返回对象在内存地址中的唯一标识）
from builtins.py def id(*args, **kwargs): # real signature unknown"""Return the ident ...
javascript 数组对象中的迭代方法
/* javascript 数组对象中的迭代方法 * ECMAScript5为数组定义了5个迭代方法.每个方法都接受两个参数,第一个是进行迭代的函数,第二个是该函数的作用域对象[可选]. * 进行迭代 ...
js检测数组对象中是否有重复值
判断数组对象里的某个值是否都是同一个值 isRepeat=(arr)=> {var hash = {};for(let i=0;i<arr.length;i++){if (!hash[ar ...
【Vue】—数组对象变更检测
[Vue]-数组对象变更检测
【es6】用map对数组对象中插入新的属性
问题: 用map对数组对象中插入新的属性举例子在arr中查看有没有cat,有就用原先的,没有就加默认cat:0,同样后面也可以拼接father:'' let arr = [{name:'hong' ...
js给对象添加变量属性 js 更改对象中的属性名数组对象中每个对象添加一个字段-map用法和forEarch用法
js给对象添加变量属性 & js 更改对象中的属性名 & 数组对象中每个对象添加一个字段-map用法和forEarch用法 1.js给对象添加变量属性 1.js创建一个对象或者在原有对 ...
JS在数组对象中添加新字段
在数组对象中每一项都添加相同字段第一步使用forEach遍历数组然后通过Object.assign()来添加 var arr = [{age:18,sex:'女'}, {age:30,sex:'男 ...
JS删除数组对象中指定元素对应的对象
这里我采用的是过滤的方法(filter),先将数组对象中的指定元素匹配上,然后在将它过滤出来,获取到剩下的对象,将剩下的对象拿到,这样就实现了删除指定元素对应的对象的效果. 举个栗子: 首先定义一个数 ...
js删除数组对象中的某个属性的方法
模拟数组对象数据 let newArr = [{title:'小明', id:18},{title:'小红', id:16}] 方式一:(for循环)删除数组对象中的某个属性,如删除id属性 for ...

vue根据数组对象中某个唯一标识去重

vue根据数组对象中某个唯一标识去重相关推荐

最新文章

热门文章