es6 map 过滤id相同并删除数据
时间: 2023-08-03 16:06:14 浏览: 248
js操作两个json数组合并、去重,以及删除某一项元素
假设你有一个对象数组,每个对象都有一个唯一的 `id` 属性,你可以使用 `ES6` 的 `Map` 数据结构和 `filter()` 方法来过滤掉重复的 `id` 并删除相应的数据。具体的实现代码如下:
```javascript
const data = [
{ id: 1, name: 'Alice' },
{ id: 2, name: 'Bob' },
{ id: 3, name: 'Charlie' },
{ id: 1, name: 'David' },
{ id: 4, name: 'Emma' }
];
const filteredData = Array.from(new Map(data.map(item => [item.id, item])).values());
console.log(filteredData);
// Output: [{ id: 1, name: 'David' }, { id: 2, name: 'Bob' }, { id: 3, name: 'Charlie' }, { id: 4, name: 'Emma' }]
```
这里使用了 `Array.from()` 方法来转换 `Map` 对象为数组,然后使用 `values()` 方法来获取 `Map` 中的所有值。由于 `Map` 数据结构会自动过滤掉重复的键值,所以在转换为数组之前就已经过滤掉了相同的 `id` 数据。
阅读全文