열거형 타입이라고도 한다.
여러 가지 값들에 각각 이름을 부여해 열거해 두고 사용하는 타입.
자바스크립트에는 없고 타입스크립트에서만 제공되는 새로운 타입.
const user1 = {
name: "홍길동",
role: 0 // 0 : 관리자
};
const user2 = {
name: "김길동",
role: 1 // 1 : 일반 유저
};
const user3 = {
name: "정길동",
role: 2 // 2 : 게스트
};
이런 경우 숫자만 보고 몇번이 게스트였는지 기억하기가 어려울 수 있으며, 실수할 수 있으므로 enum 타입을 사용한다.
- 숫자형 enum
숫자를 자동으로 할당할 수 있고, 직접 시작하는 숫자를 지정할 수도 있다.
enum Role {
ADMIN,
USER = 10,
GUEST,
}
ADMIN => 0
USER => 10
GUEST => 11
enum은 컴파일 결과 사라지지 않고 자바스크립트의 객체로 변환된다.
그래서 코드상에서 값을 사용하는 것처럼(ex. Role.ADMIN) 사용할 수 있다.
enum Role {
ADMIN,
USER,
GUEST,
}
const user1 = {
name: "홍길동",
role: Role.ADMIN,
};
const user2 = {
name: "김길동",
role: Role.USER,
};
const user3 = {
name: "정길동",
role: Role.GUEST,
};
출처
한 입 크기로 잘라먹는 타입스크립트(TypeScript) 강의 - 인프런
문법을 넘어 동작 원리와 개념 이해까지 배워도 배워도 헷갈리는 타입스크립트 이제 제대로 배워보세요! 여러분을 타입스크립트 마법사🧙🏻♀️로 만들어드립니다., 프론트엔드의 피할 수
www.inflearn.com
'Study > 🖥️ frontend' 카테고리의 다른 글
비동기 처리 (0) | 2023.12.18 |
---|---|
any, unknown 타입 (0) | 2023.12.17 |
비구조화 할당 (0) | 2023.12.15 |
Truthy & Falsy (0) | 2023.12.14 |
인덱스 시그니처 (0) | 2023.12.14 |