2개의 객체를 비교하는 동안 배열 중첩 값 그룹화 - JavaScript

다음과 같은 JSON 객체가 있다고 가정합니다.

const input = {
   "before": {
     "device": [
       {
         "id": "1234",
         "price": "10",
         "features": [
           {
             "name": "samsung",
             "price": "10"
           },
           {
             "name": "Apple",
             "price": "20"
           }
         ]
       },
       {
         "id": "2154",
         "price": "20",
         "features": [
           {
             "name": "samsung",
             "price": "30"
           },
           {
             "name": "Moto",
             "price": "40"
           }
         ]
       }
     ]
   },
   "after": {
     "device": [
       {
         "id": "1234",
         "price": "50",
         "features": [
           {
             "name": "samsung",
             "price": "20"
           },
           {
             "name": "Lenovo",
             "price": "30"
           }
         ]
       },
       {
         "id": "2158",
         "price": "40",
         "features": [
           {
             "name": "samsung",
             "price": "30"
           }
         ]
        }
     ]
 }
};

우리의 요구 사항은 이전 및 이후 개체에 동일한 ID가 있는 경우 ID와 해당 기능을 단일 행으로 그룹화하는 것입니다.

그리고 필요한 출력은 다음과 같은 시각적 표현으로 더 잘 설명될 수 있습니다.

같은 방식으로 데이터를 그룹화하고 정렬하는 함수를 작성해야 합니다.

예시

다음은 코드입니다 -

const input = {
   "before": {
      "device": [
      {
         "id": "1234",
         "price": "10",
         "features": [
         {
            "name": "samsung",
            "price": "10"
         },
         {
            "name": "Apple",
            "price": "20"
         }
         ]
         },
         {
            "id": "2154",
            "price": "20",
            "features": [
            {
               "name": "samsung",
               "price": "30"
            },
            {
               "name": "Moto",
               "price": "40"
            }
            ]
         }
         ]
      },
      "after": {
         "device": [
         {
            "id": "1234",
            "price": "50",
            "features": [
            {
               "name": "samsung",
               "price": "20"
            },
            {
               "name": "Lenovo",
               "price": "30"
            }
            ]
         },
         {
            "id": "2158",
            "price": "40",
            "features": [
            {
               "name": "samsung",
               "price": "30"
            }
            ]
         }
      ]
   }  
};
const formatJSON = data => {
   const sub = Object.fromEntries(Object.keys(data).map(k => [k, 0]));
   return Object.values(Object.entries(data).reduce((r, [col, { device }])
   => {
      device.forEach(({ id, price, features }) => {
         r[id] = r[id] || [{ id, ...sub }];
         r[id][0][col] = price;
         features.forEach(({ name, price }) => {
            let temp = r[id].find(q => q.name === name);
            if (!temp){
               r[id].push(temp = { name, ...sub });
            };
            temp[col] = price;
         });
      });
      return r;
   }, {}));
};
console.log(formatJSON(input));

출력

이것은 콘솔에 다음과 같은 출력을 생성합니다 -

[
 [
   { id: '1234', before: '10', after: '50' },
   { name: 'samsung', before: '10', after: '20' },
   { name: 'Apple', before: '20', after: 0 },
   { name: 'Lenovo', before: 0, after: '30' }
 ],
 [
   { id: '2154', before: '20', after: 0 },
   { name: 'samsung', before: '30', after: 0 },
   { name: 'Moto', before: '40', after: 0 }
 ],
 [
   { id: '2158', before: 0, after: '40' },
   { name: 'samsung', before: 0, after: '30' }
 ]
]