[typescript] 타입스크립트에서 객체 분해 할당 사용법

12 Dec 2023

typescript

자바스크립트와 마찬가지로, 타입스크립트에서도 객체 분해 할당을 사용하여 객체의 속성들을 쉽게 추출하여 변수에 할당할 수 있습니다. 이 기능은 코드를 간결하게 만들어주며, 불필요한 중복을 줄여줍니다.

기본적인 사용법

아래는 객체 분해 할당의 기본적인 사용법입니다.

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

const { name, age, city } = person;

console.log(name); // 출력: John
console.log(age); // 출력: 30
console.log(city); // 출력: New York

변수 이름 바꾸기

분해할 때 원하는 변수 이름을 사용할 수 있습니다.

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

const { name: fullName, age, city: location } = person;

console.log(fullName); // 출력: John
console.log(age); // 출력: 30
console.log(location); // 출력: New York

기본 값 설정

기본 값을 설정하여 해당 속성이 없을 때 기본 값을 사용할 수 있습니다.

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

const { name, age, city = 'Unknown' } = person;

console.log(name); // 출력: John
console.log(age); // 출력: 30
console.log(city); // 출력: Unknown

나머지 속성 추출

... 연산자를 사용하여 나머지 속성을 새로운 객체로 추출할 수 있습니다.

const person = {
  name: 'John',
  age: 30,
  city: 'New York',
  country: 'USA'
};

const { name, age, ...address } = person;

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

이처럼 객체 분해 할당은 타입스크립트에서 객체를 다룰 때 유용한 강력한 기능입니다.

더 많은 정보는 타입스크립트 핸드북 - 객체 분해 할당을 참조하세요.

위에서 소개한 것처럼 타입스크립트에서 객체 분해 할당을 통해 코드를 간단하고 읽기 쉽게 만들 수 있습니다.