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

const person = {
  name: 'John',
  age: 30,
  city: 'Seoul'
};

이제 name 속성의 값을 ‘Tom’으로 변경해보겠습니다. destructuring을 사용하여 기존의 값을 추출하고, 새로운 값을 할당하는 방법은 다음과 같습니다.

const { name, ...rest } = person;
const updatedPerson = {
  name: 'Tom',
  ...rest
};

console.log(updatedPerson); // { name: 'Tom', age: 30, city: 'Seoul' }

위 코드에서, { name, ...rest } = person을 통해 name 속성의 값을 추출한 후, updatedPerson 객체에 새로운 name값과 나머지 속성들을 할당합니다. 나머지 속성은 ...rest로 표현되었으며, 이를 사용하여 기존의 값들을 유지합니다.

이제 updatedPerson을 출력하면 { name: 'Tom', age: 30, city: 'Seoul' }을 확인할 수 있습니다.

destructuring을 사용하면 객체의 속성 값을 쉽게 업데이트할 수 있습니다. 이 문법을 활용하여 코드를 더 깔끔하고 가독성 좋게 작성할 수 있습니다.

#JavaScript #Destructuring