Question

来自以下数组：

var arr = [{ "Year": 2019, "Title": "Sample1", "Sum": 1020000.0, "Budget":0}, 
{  "Year": 2019,  "Title": "Sample2",  "Sum": 2546658.0,  "Budget":100},
{  "Year": 2019,  "Title": "Sample3",  "Sum": 1020000.0,  "Budget":1000},
{  "Year": 2020,  "Title": "Sample1",  "Sum": 3472000.0,  "Budget":100}, 
{  "Year": 2020,  "Title": "Sample2",  "Sum": 1020000.0,  "Budget":10},
{  "Year": 2020,  "Title": "Sample3",  "Sum": 2452000.0,  "Budget":50},
{  "Year": 2021,  "Title": "Sample1",  "Sum": 1000.0,  "Budget":100}, 
{  "Year": 2021,  "Title": "Sample2",  "Sum": 119000.0,  "Budget":10},
{  "Year": 2021,  "Title": "Sample3",  "Sum": 234000.0,  "Budget":50}]
]

我需要将其更改为每行一年，如果每个“标题”的值都有一个带有“总和”值的条目，则预算值应该汇总在一起，即。

[{ "Year": 2019, "Sample1": 1020000.0, "Sample2":2546658.0, "Sample3":1020000.0 , "Budget":1100},{  etc]

我的平台不支持ES6，通过我以前使用.reduce的早期帖子中的答案来了解大部分方法：

var res = arr.reduce(function(acc, curr) {
  acc[curr.Year] = acc[curr.Year];
  acc[curr.Year] = acc[curr.Year] || { Year: curr.Year } ;
  acc[curr.Year][curr.Title] = curr.Sum;
  return acc;

res = Object.keys(res).map(function(key) {
return res[key];
    });

这将产生：

[{ "Year": 2019, "Sample1": 1020000.0, "Sample2":2546658.0, "Sample3":1020000.0 }, 
{ "Year": 2020, "Sample2": 3472000.0, "Sample2":1020000.0, "Sample3":2452000.0}, 
{ "Year": 2021, "Sample3": 1000.0, "Sample2":119000.0, "Sample3":234000.0}]

但是我找不到一种方法可以将预算数字相加在一起，并将其添加到同一条目中。我怀疑我需要在重复的数组上执行单独的reduce函数，然后使用Year为键的forEach循环将结果推入res数组。谁能在相同的reduce函数中看到实现此目的的方法？

Answer 1

在reduce回调中初始化Year对象时，还要将Budget属性初始化为0。然后，在该年的每次迭代中，除了设置Sample属性外，还要添加到budget属性：

var arr = [{ "Year": 2019, "Title": "Sample1", "Sum": 1020000.0, "Budget":0}, 
  {  "Year": 2019,  "Title": "Sample2",  "Sum": 2546658.0,  "Budget":100},
  {  "Year": 2019,  "Title": "Sample3",  "Sum": 1020000.0,  "Budget":1000},
  {  "Year": 2020,  "Title": "Sample1",  "Sum": 3472000.0,  "Budget":100}, 
  {  "Year": 2020,  "Title": "Sample2",  "Sum": 1020000.0,  "Budget":10},
  {  "Year": 2020,  "Title": "Sample3",  "Sum": 2452000.0,  "Budget":50},
  {  "Year": 2021,  "Title": "Sample1",  "Sum": 1000.0,  "Budget":100}, 
  {  "Year": 2021,  "Title": "Sample2",  "Sum": 119000.0,  "Budget":10},
  {  "Year": 2021,  "Title": "Sample3",  "Sum": 234000.0,  "Budget":50}
]
var res = arr.reduce(function(acc, curr) {
  acc[curr.Year] = acc[curr.Year] || { Year: curr.Year, Budget: 0 } ;
  //                                                    ^^^^^^^^^
  acc[curr.Year][curr.Title] = curr.Sum;
  acc[curr.Year].Budget += curr.Budget;
  // ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  return acc;
}, {});
var output = Object.keys(res).map(function(key) {
  return res[key];
});
console.log(output);

请注意，原始代码中的行

acc[curr.Year] = acc[curr.Year];

什么也没做-您可以完全忽略它。

您可以考虑使用Babel和polyfills，允许您使用该语言的最新版本和最高版本编写代码，同时保留与过时浏览器的兼容性，在这种情况下，代码可以美化为：

var arr=[{"Year":2019,"Title":"Sample1","Sum":1020000.0,"Budget":0},{"Year":2019,"Title":"Sample2","Sum":2546658.0,"Budget":100},{"Year":2019,"Title":"Sample3","Sum":1020000.0,"Budget":1000},{"Year":2020,"Title":"Sample1","Sum":3472000.0,"Budget":100},{"Year":2020,"Title":"Sample2","Sum":1020000.0,"Budget":10},{"Year":2020,"Title":"Sample3","Sum":2452000.0,"Budget":50},{"Year":2021,"Title":"Sample1","Sum":1000.0,"Budget":100},{"Year":2021,"Title":"Sample2","Sum":119000.0,"Budget":10},{"Year":2021,"Title":"Sample3","Sum":234000.0,"Budget":50}]

const output = Object.values(arr.reduce((a, { Year, Title, Sum, Budget }) => {
  a[Year] = a[Year] || { Year, Budget: 0 };
  a[Year][Title] = Sum;
  a[Year].Budget += Budget;
  return a;
}, {}));
console.log(output);

减少和增加对象条目的数组

1 个答案: