JavaScript에서 키로 두 객체 결합

다음과 같은 객체의 두 개의 자식 및 부모 JSON 배열이 있다고 가정합니다. -

const child = [{
   id: 1,
   name: 'somename',
   parent: {
      id: 2
   },
},
{
   id: 2,
   name: 'some child name',
   parent: {
      id: 4
   }
}];
const parent = [{
   id: 1,
   parentName: 'The first',
   child: {}
},
{
   id: 2,
   parentName: 'The second',
   child: {}
},
{
   id: 3,
   parentName: 'The third',
   child: {}
},
{
   id: 4,
   parentName: 'The fourth',
   child: {}
}];

이 두 배열을 취하는 JavaScript 함수를 작성해야 합니다.

그리고 우리 함수는 자식 배열 객체를 상응하는 부모 객체로 병합해야 합니다.

따라서 최종 출력은 다음과 같아야 합니다. -

const output = [
   {
      id: 1,
      parentName: The first,
      child: {}
   },
   {
      id: 2,
      parentName: The second,
      child: {
         id: 1,
         name: somename,
      }
   },
   {
      id: 3,
      parentName: The third,
      child: {}
   },
   {
      id: 4,
      parentName: The fourth,
      child: {
         id: 2
         name: some child name,
      }
   },
];

예시

이에 대한 코드는 -

const child = [{
   id: 1,
   name: 'somename',
   parent: {
      id: 2
   },
},
{
   id: 2,
   name: 'some child name',
   parent: {
      id: 4
   }
}];
const parent = [{
   id: 1,
   parentName: 'The first',
   child: {}
},
{
   id: 2,
   parentName: 'The second',
   child: {}
},
{
   id: 3,
   parentName: 'The third',
   child: {}
},
{
   id: 4,
   parentName: 'The fourth',
   child: {}
}];
const combineParentChild = (parent, child) => {
   const combined = [];
   for (let i = 0; i < parent.length; i++) {
      for (let j = 0; j < child.length; j++) {
         if (child[j].parent.id === parent[i].id) {
            parent[i].child.id = child[j].id;
            parent[i].child.name = child[j].name;
            break;
         };
      };
      combined.push(parent[i])
   };
   return combined;
};
console.log(combineParentChild(parent, child));

출력

콘솔의 출력은 -

[
   { id: 1, parentName: 'The first', child: {} },
   {
      id: 2,
      parentName: 'The second',
      child: { id: 1, name: 'somename' }
   },
   { id: 3, parentName: 'The third', child: {} },
   {
      id: 4,
      parentName: 'The fourth',
      child: { id: 2, name: 'some child name' }
   }
]