[Typescript] 구조 분해

✍️ 구조 분해란? ✍️

배열에서 요소를 추출하는 것

const [hobby1, hobby2, ...remainingHobbies] = hobbies;

• 첫번째 요소 hobby1 이라는 이름으로 const에 저장
• 두번째 요소 hobby2 라는 이름으로 const에 저장
• 문자열의 요소가 2개 이상인 경우 매개변수를 추가하여 hobby1, hobby2에서
• 추출하지 않은 나머지 요소가 모두 remainingHobbies라는 새 배열에 저장되므로
• 해당 배열에 병합 됨
• 구조 분해는 원래의 배열을 바꾸지 않음
• 새로운 배열로 생성
• 배열은 정렬된 목록이므로 요소는 순서대로 추출 됨
• 하지만 순서가 항상 보장되지는 않아 위치별로 요소를 추출하는 것이 아닌 키 이름으로 요소를 추출 함
• 배열뿐만 아니라 객체도 동일하게 사용
• 마찬가지로 기존의 객체는 변함 없음

const { firstName, age } = person;
// 자바스크립트 문법인 별칭 (userName) 지정도 사용 가능
const { firstName: userName, age } = person; 
console.log(userName, age);