我有一个数组
[
{ price: 10 },
{ price: 10 },
{ price: 10 },
{ price: 10 },
{ price: 20 },
{ price: 20 },
]
我希望它变成
[
{ numElements: 4, price: 10 },
{ numElements: 2, price: 20 },
]
我尝试使用arr.reduce((prev, curr) => ..., [])
来完成此操作,但我无法弄清楚如何操作。
答案 0 :(得分:0)
var hash = {}, result = [];
arr.forEach(function(el){
if(hash[el.price]){
hash[el.price].numElements++;
}else{
result.push(hash[el.price]={price:el.price,numElements:1});
}
});
可以使用哈希表进行价格查询。或者使用reduce并查找:
arr.reduce((res,{price})=>
(( res.find(el=>el.price===price) || res[res.push({price,numElements:0})-1] )
.numElements++,res)
);
答案 1 :(得分:0)
传统方法可能使用for/loop
来处理数据,但是现在JavaScript有许多可以提供帮助的功能方法。此代码使用reduce
和map
。以您想要的格式获取数据是一个两阶段的过程。
首先,使用reduce
创建一个使用价格作为键的哈希表(因为您知道每个价格将是唯一的:
const obj = arr.reduce((p, c) => {
// If price exists as a key its value by 1
// otherwise set it to 1.
p[c.price] = ++p[c.price] || 1;
return p;
}, {});
输出
{
"10": 4,
"20": 2
}
就目前而言,你有一个非常好的物品,你可以通过钥匙/价格进入,我可能会停在那里:
obj['10'] // 4
但是如果你想将这些数据转换成你问题中的格式,map
就可以通过对象键返回一个新对象数组。
const out = Object.keys(obj).map(key => {
return { price: +key, numElements: obj[key] };
});
<强> DEMO 强>
答案 2 :(得分:0)
您可以试试这个:
let arr = [
{ price: 10 },
{ price: 10 },
{ price: 10 },
{ price: 10 },
{ price: 20 },
{ price: 20 },
]
let result = []
let counter = {}
arr.forEach( el => {
if (!counter[el.price]) counter[el.price] = 1
else counter[el.price]++
console.log(counter[el.price])
})
for (let id in counter) {
result.push({numElements: counter[id], price: id})
}
答案 3 :(得分:0)
假设数据按price
属性排序,只有一个.reduce()
,您可以执行以下操作;
var data = [{ price: 10 }, { price: 10 }, { price: 10 }, { price: 10 }, { price: 20 }, { price: 20 }],
result = data.reduce((r,d,i) => i ? r[r.length-1].price === d.price ? (r[r.length-1].numElemenets++, r)
: (r.push(Object.assign({}, d, {numElemenets: 1})),r)
: [Object.assign({}, d, {numElemenets: 1})], {});
console.log(result);
答案 4 :(得分:0)
您可以在结果数组中查找价格,如果没有找到则插入新对象。
var data = [{ price: 10 }, { price: 10 }, { price: 10 }, { price: 10 }, { price: 20 }, { price: 20 }],
grouped = data.reduce((r, { price }) => {
var t = r.find(p => price === p.price);
t || r.push(t = { numElements: 0, price });
t.numElements++;
return r;
}, []);
console.log(grouped);