将数组转换为单个数组，然后将键分配给对象值

Question

I have nested Object Format in which there is no key assigned to the values, the format is shown below:

 { "data": { "2019": { "January": { "complaintRaised": 9, "totalPending": 4, "totalClosed": 0, "resolvedPercent": 0 } }, "2018": { "May": { "complaintRaised": 9, "totalPending": 4, "totalClosed": 0, "resolvedPercent": 0 } } }, } 

which I need to convert it into a single array with key

 response.data: [{ key: "2019" "complaintRaised": 9, "totalPending": 4, "totalClosed": 0, "resolvedPercent": 0 year: "2019-January" }, { key: "2018" "complaintRaised": 9, "totalPending": 4, "totalClosed": 0, "resolvedPercent": 0 year: "2018-May" } ] 

assign to the values.

Answer 1

Something like this will solve this problem

function render({data}) {
const entries :any[] = Object['entries'](data);

const result = entries.map(yearData => {
  let key = yearData[0];
  let month = Object.keys(yearData[1])[0];
  let monthData = yearData[1][month];

  return {
    key,
    ...monthData,
    year : `${key}-${month}`
  }

})
return result;
}

stackblitz demo 🚀🚀

Updated :

in case we have many months

function render({ data }) {
  const entries: any[] = Object['entries'](data);
  return entries.map(([key, data]) =>
    Object.keys(data).map(month => ({
      key,
      ...data[month],
      year: `${key}-${month}`
    }))
  ).reduce((acc: any[], next: any[]) => acc.concat(next), [])
}

stackblitz demo 🌟🌟

Answer 2

The first answer will not work in case there are more than one month for the same year like in the following example. This code will process all the months.

 const dataInput = { "data": { "2019": { "January": { "complaintRaised": 9, "totalPending": 4, "totalClosed": 0, "resolvedPercent": 0 }, "March": { "complaintRaised": 91, "totalPending": 41, "totalClosed": 10, "resolvedPercent": 10 } }, "2018": { "May": { "complaintRaised": 9, "totalPending": 4, "totalClosed": 0, "resolvedPercent": 0 } } } } const response = { data: Object.entries(dataInput.data).reduce((res, [year, val]) => ([ ...res, ...Object.entries(val).reduce((res2, [month, val2]) => ([ ...res2, { key: year, ...val2, year: `${year}-${month}` } ]), []), ]), []) }; console.log(response);