Home [TS] 타입스크립트 첫걸음 6편(enum)
Post
Cancel

[TS] 타입스크립트 첫걸음 6편(enum)

Enums

특정 값들의 집합을 의미하는 자료형이다. 예를 들어보자.

1
2
3
나이키;
아디다스;
뉴발란스;

숫자형 enum

1
2
3
4
5
6
7
enum Shoes {
  Nike,
  Adidas,
}

let myShoes = Shoes.Nike; // enum member > Shoes.Nike = 0
console.log(myShoes); // 0
  • enum 타입에서 값을 초기화 시켜주지 않으면, 숫자로 출력된다.
  • 그 숫자는 index값과 동일하다.

문자형 enum

1
2
3
4
5
6
7
enum Shoes {
  Nike = "나이키",
  Adidas = "아디다스",
}

let myShoes = Shoes.Nike;
console.log(myShoes); // '나이키'
  • 값을 지정해주면 key값을 호출했을 때 value 값이 나온다.

enum 활용 예시

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
enum Answer {
  Yes = "Y",
  No = "N",
}

function askQuestion(answer: Answer) {
  if (answer === Answer.Yes) {
    console.log("정답입니다.");
  }
  if (answer === Answer.No) {
    console.log("오답입니다.");
  }
}

askQuestion(Answer.Yes);
// askQuestion("예스"); 나머지는 안된다.
// askQuestion("y");
// askQuestion("Yes");

// enum에서 제공하는 데이터 종류만 넣을 수 있다. 드롭다운 형태에서 값의 목록이 정해져있으면 enum 을 쓰는게 좋다.
  • enum 에서 제공하는 데이터 종류만 넣을 수 있다.
  • 프론트에서 드롭다운 형태의 값의 목록이 있다면, enum 타입을 쓰는게 좋다.
This post is licensed under CC BY 4.0 by the author.

[TS] 타입스크립트 첫걸음 5편(연산자를 이용한 타입의 정의)

[CSS] React에서 텍스트 줄바꿈(whitespace: pre-wrap)