자바스크립트에서 객체를 순회하면서 속성을 병합하는 기능은 많이 사용됩니다. 객체를 병합하면 속성을 합치거나 덮어씌울 수 있어 유용합니다. 이번 글에서는 객체 순회를 통해 속성을 병합하는 방법을 살펴보겠습니다.

객체 병합

두 개의 객체를 병합할 때, 먼저 빈 객체를 만든 후 순회하면서 각 객체의 속성을 새로운 객체에 추가할 수 있습니다. 이때 이미 존재하는 속성이 있다면 덮어씌웁니다.

예를 들어, 다음과 같이 두 개의 객체가 있다고 가정해봅시다.

const obj1 = {
  a: 1,
  b: 2
};

const obj2 = {
  b: 3,
  c: 4
};

이제, 이 두 개의 객체를 병합하여 새로운 객체를 만들어보겠습니다.

const merged = {};
for (let key in obj1) {
  merged[key] = obj1[key];
}
for (let key in obj2) {
  merged[key] = obj2[key];
}

console.log(merged); // { a: 1, b: 3, c: 4 }

객체 순회를 통한 병합

위의 예제처럼 객체를 병합할 수도 있지만, 순회를 통해 동적으로 속성을 병합하는 방법도 있습니다.

function mergeObjects(obj1, obj2) {
  const merged = {};
  for (let key in obj1) {
    merged[key] = obj1[key];
  }
  for (let key in obj2) {
    merged[key] = obj2[key];
  }
  return merged;
}

const merged = mergeObjects(obj1, obj2);
console.log(merged); // { a: 1, b: 3, c: 4 }

순회를 활용하여 여러 개의 객체를 병합할 수도 있습니다.

결론

객체를 병합하면서 속성을 동적으로 다루는 방법에 대해 살펴보았습니다. 이러한 기능은 상황에 따라 객체를 다루는 데 유용하게 활용될 수 있습니다. 객체를 순회하고 속성을 병합하는 방법은 자바스크립트에서 중요한 개발 기술 중 하나입니다.

참고 문헌: MDN Web Docs