본문 바로가기
Study/🖥️ frontend

enum 타입

by 둘 리 2023. 12. 15.
열거형 타입이라고도 한다.
여러 가지 값들에 각각 이름을 부여해 열거해 두고 사용하는 타입.
자바스크립트에는 없고 타입스크립트에서만 제공되는 새로운 타입.

 

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,
};

 

 

 

출처


https://www.inflearn.com/course/%ED%95%9C%EC%9E%85-%ED%81%AC%EA%B8%B0-%ED%83%80%EC%9E%85%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8/dashboard

 

한 입 크기로 잘라먹는 타입스크립트(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