JavaScript에서 객체를 복제하는 방법에는 여러 가지가 있습니다. 여기서는 객체를 순회하여 해당 값들을 새로운 객체에 복사하는 방법에 대해 알아보겠습니다.

객체 복제의 필요성

객체를 복제하는 이유는 원본 객체를 보존하고, 복제본을 수정해도 원본 객체가 변하지 않도록 하기 위함입니다.

객체를 순회하여 복제하는 방법

JavaScript에서 객체를 복제하는 가장 일반적인 방법은 for…in 루프를 사용하여 객체를 순회하고, 각 속성을 새로운 객체에 복사하는 것입니다.

아래는 for…in 루프를 사용하여 객체를 복제하는 간단한 예제입니다.

function cloneObject(obj) {
  let clone = {};
  for (let key in obj) {
    if (obj.hasOwnProperty(key)) {
      clone[key] = obj[key];
    }
  }
  return clone;
}

let originalObj = { a: 1, b: 2, c: 3 };
let clonedObj = cloneObject(originalObj);
console.log(clonedObj); // { a: 1, b: 2, c: 3 }

위 예제에서 cloneObject 함수는 원본 객체를 받아 새로운 빈 객체를 만들고, for…in 루프를 사용하여 각 속성을 복사한 후 새로운 객체를 반환합니다.

참고 자료

• MDN Web Docs: for…in statement
• MDN Web Docs: Object.prototype.hasOwnProperty()

객체를 순회하여 복제하는 방법은 간단하면서도 효과적이며, 일반적으로 간단한 객체의 복제에 많이 사용됩니다.