如何通过键填充集合数组并对值求和Lodash.js

Question

我正在使用JS和LoDash库。

我从服务器收到的数据如下：

const statsToSort = [
{name: "critA", value: 11111},
{name: "critA", value: 11},
{name: "critA", value: 221},
{name: "critA", value: 54},
{name: "critB", value: 1222},
{name: "critC", value: 231},
{name: "critD", value: 323},
{name: "critC", value: 0},
]

我需要重新排列它，求出相同键的值并重新组织它。为此，我创建了以下数组：

let finalStats = [{ "critA": 0 }, { "critB": 0 }, { "critC": 0 }, { "CritD": 0 }];

我正试图使用Lodash库来填充名称的finalStats跳跃并对值求和。

到目前为止，我的功能是这样的：

function mergeNames(arr) {
return _.chain(arr).groupBy('name').mapValues(function (v) {
return _.sum(v);
})

预期结果应该是这样的：

/**
statsToSort:[
{name: "critA", value:11397},
{name: "critB", value:1222},
{name: "critC", value:231},
{name: "critD", value:323}, 
*/

到目前为止，我展示的功能确实。。。没有什么就像，一点也不。它甚至不按键对数组进行排序。

问题：你能帮我吗

• 修改函数以获得我提到的结果
• 考虑到名称可能不是按字母顺序排列的，并且statsToSort可能不包含要在finalStats中填充的一个或几个名称，可以向函数添加另一层，以便填充finalStat数组

提前感谢

Answer 1

您可以获取一个映射并获得求和值。

const
statsToSort = [{ name: "critA", value: 11111 }, { name: "critA", value: 11 }, { name: "critA", value: 221 }, { name: "critA", value: 54 }, { name: "critB", value: 1222 }, { name: "critC", value: 231 }, { name: "critD", value: 323 }, { name: "critC", value: 0 }],
result = Array
.from(
statsToSort.reduce((m, { name, value }) => m.set(name, (m.get(name) || 0) + value), new Map),
([name, value]) => ({ name, value })
)
.sort((a, b) => a.name.localeCompare(b.name));
console.log(result);

Answer 2

这似乎是在做你想要的事情：

const statsToSort = [
{name: "critA", value: 11111},
{name: "critA", value: 11},
{name: "critA", value: 221},
{name: "critA", value: 54},
{name: "critB", value: 1222},
{name: "critC", value: 231},
{name: "critD", value: 323},
{name: "critC", value: 0},
]
let mergeNames = arr => _(arr)
.groupBy('name')
.mapValues(vals => ({
name: vals[0].name,
value: _.sumBy(vals, 'value')
}))
.value()
let finalStats = mergeNames(statsToSort)
console.log(finalStats)

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js"></script>