vue,js:去重 数组中数组属性值一样的去重
时间: 2024-08-23 18:00:47 浏览: 48
前端Vue日常工作中-Js数组常用方法
在Vue.js中,如果你想要对数组进行去重操作,并且基于某个数组元素的属性值来进行判断,可以使用JavaScript的map()、filter()和reduce()函数结合。这里有一个简单的示例:
```javascript
let arr = [
{ id: 1, name: 'John' },
{ id: 2, name: 'John' },
{ id: 3, name: 'Jane' },
{ id: 4, name: 'Jane' }
];
// 定义要去重的属性名
const keyToUnique = 'name';
// 使用filter()和reduce()去重
let uniqueArr = arr.filter((item, index, self) => {
return self.findIndex(i => i[keyToUnique] === item[keyToUnique]) === index;
});
console.log(uniqueArr);
```
在这个例子中,我们首先选择了`keyToUnique`属性作为去重依据,然后使用filter()过滤出每个元素第一次出现的情况,reduce()则用于迭代整个数组并返回结果。
阅读全文