[typescript] 객체 분해 할당 시 기본값 설정하기

객체 분해 (Object Destructuring)는 JavaScript 및 TypeScript에서 매우 유용하게 사용되는 기능 중 하나입니다. 객체의 속성 값을 쉽게 변수에 할당할 수 있어 코드를 간결하게 만들어 주는데, 때로는 기본값을 설정해야 하는 경우도 있습니다. 지금부터는 TypeScript에서 객체 분해 할당 시 기본값을 설정하는 방법에 대해 알아보겠습니다.

기본값 설정 없이 객체 분해 할당

먼저, 기본값을 설정하지 않고 객체 분해 할당을 사용하는 방법을 살펴보겠습니다.

const student = { name: "Alice", age: 20 };
const { name, age } = student;
console.log(name); // "Alice"
console.log(age); // 20

위 예제에서는 student 객체의 nameage 속성을 분해하여 nameage 변수에 할당하고 있습니다.

기본값 설정을 통한 객체 분해 할당

이제 객체 분해 할당 시 기본값을 설정하는 방법을 살펴보겠습니다.

const student = { name: "Alice" };
const { name, age = 25 } = student;
console.log(name); // "Alice"
console.log(age); // 25

위 예제에서는 age 속성에 기본값을 설정하여, student 객체에 age 속성이 없는 경우에는 기본값으로 25가 할당됩니다.

마무리

객체 분해 할당은 TypeScript에서 코드를 간결하게 작성할 수 있는 강력한 기능 중 하나입니다. 객체 분해 할당 시 기본값을 설정하는 방법을 알고 있다면, 더욱 다양한 상황에 유연하게 대처할 수 있을 것입니다.

개발자가 실제 프로젝트에서 이러한 패턴을 사용할 수 있도록 조금 더 복잡한 예제와 함께 추가 설명이 있는 공식 TypeScript 문서에서 더 많은 정보를 찾아볼 수 있습니다.