자바스크립트에서 객체를 복제하는 방법에는 여러 가지가 있습니다. 객체를 복제하면 기존 객체에서 새로운 객체를 생성하여 속성을 복사할 수 있습니다. 객체를 복제하는 방법 중 하나는 spread 연산자를 사용하는 것입니다.

spread 연산자를 사용한 객체 복제

spread 연산자는 배열이나 객체를 펼쳐서 새로운 배열이나 객체를 만듭니다. 객체를 복제할 때 spread 연산자를 사용하면 기존 객체의 속성을 모두 새로운 객체로 복사할 수 있습니다.

const original = { key1: 'value1', key2: 'value2' };
const cloned = { ...original };
console.log(cloned); // { key1: 'value1', key2: 'value2' }

Object.assign 메서드를 사용한 객체 복제

또 다른 방법은 Object.assign 메서드를 사용하는 것입니다. Object.assign 메서드를 사용하면 여러 개의 속성을 가진 객체를 복제할 수 있습니다.

const original = { key1: 'value1', key2: 'value2' };
const cloned = Object.assign({}, original);
console.log(cloned); // { key1: 'value1', key2: 'value2' }

결론

자바스크립트에서는 spread 연산자나 Object.assign 메서드를 사용하여 객체의 속성을 복제할 수 있습니다. 두 방법 모두 새로운 객체를 만들어 기존 객체의 속성을 복사하기 때문에, 기존 객체를 변경해도 새로운 객체에는 영향을 미치지 않습니다.

이렇게 객체를 복제하면 원본 객체의 속성을 보존하면서 수정할 수 있는 안전한 방법을 제공합니다.

더 많은 정보를 원하시면 다음의 MDN 웹 문서를 참조하세요: MDN - Object.assign()