JavaScript - Count and remove duplicates from array of objects ES6(JavaScript - 从对象数组中计算和删除重复项 ES6)
问题描述
我基本上是在寻找一个简洁的解决方案(可能使用 ES6)来减少重复对象的数组并计算重复的数量.
I am basically looking for a neat and succinct solution (possibly using ES6) for reducing an array of duplicate objects and counting the quantity of duplicates.
例如
const items = [
{
id: 1,
type: 'PEPSI',
},
{
id: 1,
type: 'PEPSI',
},
{
id: 1,
type: '7UP',
},
{
id: 1,
type: 'FANTA',
},
{
id: 2,
type: 'FANTA',
},
{
id: 2,
type: '7UP',
},
{
id: 2,
type: '7UP',
}
];
function getItems(data, id) {
return data.filter(x => x.id === id).map((item) => {
const obj = {};
obj.quantity = **I want the quantity to go here**
obj.type = item.type;
return obj;
});
}
所以运行函数 getItems(items, 1) 会给我:
So running the function getItems(items, 1) would give me:
[
{ quantity: 2, type: 'PEPSI' },
{ quantity: 1, type: '7UP' },
{ quantity: 1, type: 'FANTA' }
]
提前致谢!
推荐答案
你可以使用这个代码:
const items = [
{
id: 1,
type: 'PEPSI',
},
{
id: 1,
type: 'PEPSI',
},
{
id: 1,
type: '7UP',
},
{
id: 1,
type: 'FANTA',
},
{
id: 2,
type: 'FANTA',
},
{
id: 2,
type: '7UP',
},
{
id: 2,
type: '7UP',
}
];
const getItems = (data) => {
return data.reduce((a,b) => {
const item = a.find(i => i.type === b.type);
if(item){
item.quantity = item.quantity + 1;
}
else {
a.push({
quantity: 0,
type: b.type
});
}
return a;
}, []);
};
console.log(getItems(items));
const getItemsWithId = (data, id) => {
return data.reduce((a,b) => {
if(b.id === id) {
const item = a.find(i => i.type === b.type);
if(item){
item.quantity = item.quantity + 1;
}
else {
a.push({
quantity: 0,
type: b.type
});
}
}
return a;
}, []);
};
console.log(getItemsWithId(items, 1));
这篇关于JavaScript - 从对象数组中计算和删除重复项 ES6的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本文标题为:JavaScript - 从对象数组中计算和删除重复项 ES6
基础教程推荐
- npm start 错误与 create-react-app 2022-01-01
- fetch 是否支持原生多文件上传? 2022-01-01
- 在 contenteditable 中精确拖放 2022-01-01
- 如何添加到目前为止的天数? 2022-01-01
- 检查 HTML5 拖放文件类型 2022-01-01
- Bokeh Div文本对齐 2022-01-01
- 原生拖动事件后如何获取 mouseup 事件? 2022-01-01
- Bootstrap 模态出现在背景下 2022-01-01
- 即使用户允许,Gmail 也会隐藏外部电子邮件图片 2022-01-01
- Fabric JS绘制具有活动形状的多边形 2022-01-01
