如何从多个 JSON 对象添加值并将值存储在 Angular 6 中的另一个 JSON 对象中答案

【问题标题】：How to add values from multiple JSON object and store the value in another JSON object in Angular 6如何从多个 JSON 对象添加值并将值存储在 Angular 6 中的另一个 JSON 对象中
【发布时间】：2020-03-09 14:38:07
【问题描述】：

我有两个不同的 JSON 对象。一个对象是empList，另一个是holidayList。我想从每个 JSON 对象中添加小时数。并且应该将小时数的总和推送到 sumHoursList JSON 对象。我正在使用 Angular6 执行此操作。我不知道如何迭代它以获得所需的结果。 基本上我想从 empList 的数据列表中添加小时数，想要从假期列表中添加小时数，并且总和值应该追加到 sumhourlist

下面是我的代码。

this.empList = [
      {
      'id': 1,
      'name': 'Name1',
      datalist: [
        {
          "date": 1,
          "hours": 6
        },
        {
          "date": 2,
          "hours": 0
        },
        {
          "date": 3,
          "hours": 12
        }
      ]
      },
      {
        'id': 2,
        'name': 'Name2',
        datalist:[
          {
            "date": 1,
            "hours": 0
          },
          {
            "date": 2,
            "hours": 8
          },
          {
            "date": 3,
            "hours": 0
          }
        ]
      },
    ];

    this.holidayList=[
          {
            "date": 1,
            "hours": 0
          },
          {
            "date": 2,
            "hours": 8
          },
          {
            "date": 3,
            "hours": 12
          }
        ]

   sumHoursList = [
     {
            "date": 1,
            "hours": 6
          },
          {
            "date": 2,
            "hours": 16
          },
          {
            "date": 3,
            "hours": 24
          }
   ]

谁能帮我解决这个问题。

【问题讨论】：

它并不完全清楚你想要附加 hollyday 的内容，因为它不包含像 emp 这样的数据列表
结构和holidayList一样，在empList的dataList中

标签： javascript json angularjs ionic3 angular6

【解决方案1】：

这就是我对问题的理解。您希望将每个日期的小时数加在一起。使用此循环，您的 emp 数组可以包含动态数量的数据列表。

let sum = holidayList
empList.forEach((emp) => emp.datalist.forEach((obj, i) => sum[i].hours += obj.hours))
console.log(sum)
// output: [{ date: 1, hours: 6 }, { date: 2, hours: 16 }, { date: 3, hours: 24 }]

还请注意，这些不是 JSON 对象。它们是 JavaScript 对象。

【讨论】：

如果我们这样做'let sum = holidayList'。如果我还有一个像假期列表一样的对象怎么办。假设那是假期清单。那么如何在那边做同样的解决方案。 @傻瓜
我想在输入 onblur 方法中完成这一切。如果在 (ionBlur) 中做，我们能得到相同的结果吗？

【解决方案2】：

如果我理解正确，您需要将具有相同日期的所有条目的小时值相加，这与它们位于哪个来源无关。

基本上你可以这样做（不是最有效的方法，但给你一个想法）：

// map sources into a unified data structure
const extractedArraysFromEmpList = emplist.map((entry)=>entry.datalist)
const sources:Array<Array<{
  date:number,
  hours:number
}>> = [...extractedArraysFromEmpList,holidaylist];

// now reduce the various sources into one summed array
const result = sources.reduce((reducer:Array<{date:number,hours:number}>, singleSourceArray)=>{
  singleSourceArray.forEach((item:{date:number,hours:number}) => {
    const existingEntry = result.find((summedItem)=>summedItem.date===item.date);
    // if a entry with matching date already exists, sum hours
    if(existingEntry) existingEntry.hours += item.hours;
    // if no entry exists, add it.
    else result.push({date:item.date,hours:item.hours})
  }
}, [])

// result is sumHoursList

请注意，代码未经测试。但它应该让您了解如何解决此案例。

【讨论】：