TypeScript를 사용하다보면 객체의 속성을 분해하여 새로운 변수에 할당할 때 변수명을 변경해야 하는 경우가 있습니다. 이때 객체 분해 할당(destructuring assignment)을 활용하여 간단하게 변수명을 변경할 수 있습니다.

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

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

만약 user 객체의 name 속성을 userName으로, age 속성을 userAge로 변수명을 변경하고 싶다면, 객체 분해 할당을 사용하여 다음과 같이 처리할 수 있습니다.

const { name: userName, age: userAge } = user;

위 예제에서 name 속성을 userName 변수에, age 속성을 userAge 변수에 할당하였습니다. 이제 userName과 userAge 변수를 사용하여 객체의 속성을 참조할 수 있습니다.

이와 같이 TypeScript의 객체 분해 할당을 사용하면 변수명을 쉽게 변경하고 가독성을 높일 수 있으며, 코드를 더욱 간결하게 작성할 수 있습니다.

만약 원본 객체의 속성명과 똑같은 변수명을 사용하고 싶다면, 다음과 같이 간단하게 처리할 수 있습니다.

const { name, age } = user;

이를테면 name 변수에는 user 객체의 name 속성값이 할당되고, age 변수에는 user 객체의 age 속성값이 할당됩니다.

객체 분해 할당을 통해 변수명을 쉽게 변경하고 가독성을 높이는 방법에 대해 알아보았습니다. TypeScript를 사용하면서 변수명을 변경할 일이 있을 때 객체 분해 할당을 유용하게 활용해보세요!

참고 자료: MDN Web Docs - Destructuring assignment