이 포스트에서는 TypeScript에서 객체 분해 할당(destructuring assignment)을 사용하여 객체에서 필요한 프로퍼티만 추출하는 방법에 대해 알아보겠습니다.

1. 객체 분해 할당이란 무엇인가?

객체 분해 할당이란 객체의 프로퍼티를 해체하여 개별 변수로 추출하는 것을 말합니다. 이를 통해 객체의 일부인 프로퍼티를 편리하게 추출할 수 있습니다.

2. 필요한 프로퍼티만 추출하기

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

const user = {
  id: 1,
  username: 'john_doe',
  email: 'john@example.com',
  isAdmin: true
};

만약 username과 email 프로퍼티만 필요하다면, 객체 분해 할당을 사용하여 해당 프로퍼티만 추출할 수 있습니다.

const { username, email } = user;

위의 코드에서 user 객체의 username과 email 프로퍼티가 새로운 변수에 할당되었습니다.

3. 사용 시 유의사항

• 추출된 변수명은 객체의 프로퍼티와 동일하거나, 추출 시 새롭게 지정할 수 있습니다.
• TS에서는 추출 시 프로퍼티의 타입도 함께 추론됩니다.
• 추출된 변수명을 활용하여 원하는 작업을 수행할 수 있습니다.

결론

객체 분해 할당을 사용하여 TypeScript에서 필요한 프로퍼티만을 편리하게 추출할 수 있습니다. 이를 통해 코드의 가독성과 유지보수성을 높일 수 있습니다.

이상으로 객체 분해 할당을 사용한 필요한 프로퍼티만 추출하기에 대해 살펴보았습니다.

참고문헌:

• MDN Web Docs: Destructuring assignment