[JavaScript] 객체를 복사하는 방법

{ ...originalObject }을 사용하여 객체를 복사하는 방법과 관련한 예제를 자세히 설명하겠습니다.

예제 1: 객체 복사하기

const originalObject = { name: 'John', age: 30 };

// 원본 객체를 복사하여 새로운 객체를 만듭니다.
const objCopy = { ...originalObject };

console.log(objCopy); // 출력: { name: 'John', age: 30 }

이 예제에서는 originalObject라는 원본 객체를 복사하여 objCopy라는 새로운 객체를 만들고 있습니다. 복사된 객체에는 원본 객체의 속성과 값을 포함하고 있습니다.

예제 2: 객체를 복사하고 수정하기

const originalObject = { name: 'John', age: 30 };

// 원본 객체를 복사하여 새로운 객체를 만듭니다.
const objCopy = { ...originalObject };

// 새로운 객체를 수정합니다.
objCopy.name = 'Alice';

console.log(objCopy); // 출력: { name: 'Alice', age: 30 }
console.log(originalObject); // 출력: { name: 'John', age: 30 }

이 예제에서는 원본 객체를 복사하여 새로운 객체를 만든 후, 새로운 객체의 name 속성을 수정합니다. 이로 인해 새로운 객체만 변경되고 원본 객체는 그대로 유지됩니다.

예제 3: 객체 복사 및 새로운 속성 추가

const originalObject = { name: 'John', age: 30 };

// 원본 객체를 복사하여 새로운 객체를 만듭니다.
const objCopy = { ...originalObject };

// 새로운 속성을 추가합니다.
objCopy.city = 'New York';

console.log(objCopy); // 출력: { name: 'John', age: 30, city: 'New York' }
console.log(originalObject); // 출력: { name: 'John', age: 30 }

이 예제에서는 원본 객체를 복사하여 새로운 객체를 만든 후, 새로운 객체에 새로운 city 속성을 추가합니다. 이로 인해 새로운 객체만 변경되고 원본 객체는 그대로 유지됩니다.