[TypeScript]_enum

hanseungjune·2023년 3월 4일
0

비전공자의 IT준비

목록 보기
48/68
post-thumbnail

📌 enum

⭐ 정의

타입스크립트(enum)은 서로 관련된 상수 값을 정의하기 위한 강력한 도구입니다.

enum은 열거형의 약자로, 미리 정의된 일련의 상수 값을 가지는 자료형입니다. enum은 이러한 상수 값을 열거하는 데 사용되며, 이러한 값은 enum의 멤버라고 합니다.

enum을 사용하면 코드의 가독성을 높일 수 있으며, 상수 값을 일일히 지정해주지 않아도 되므로 오류를 방지할 수 있습니다.

enum Direction {
  Up,
  Down,
  Left,
  Right
}

function move(direction: Direction) {
  switch (direction) {
    case Direction.Up:
      console.log("Up");
      break;
    case Direction.Down:
      console.log("Down");
      break;
    case Direction.Left:
      console.log("Left");
      break;
    case Direction.Right:
      console.log("Right");
      break;
    default:
      console.log("Unknown direction");
  }
}

move(Direction.Up); // "Up" 출력

이렇게 enum을 사용하면 코드의 가독성과 안정성을 높일 수 있으며, 유지보수성도 향상됩니다.

⭐ 양방향 호출

enum Direction {
  Up,
  Down,
  Left,
  Right
}

let direction: Direction = Direction.Up;
console.log(direction); // 0

let directionName = Direction[direction];
console.log(directionName); // "Up"

위의 코드에서는, enum 변수인 direction에 Up을 할당하고 있습니다. 이후 direction 변수의 값을 출력하면 0이 출력됩니다. 이는 Up이 0으로 지정되어 있기 때문입니다.

그리고 이제 keyof typeof 연산자를 사용하여 direction 변수의 값을 enum 멤버의 이름으로 변환할 수 있습니다. 이렇게 하면 directionName 변수에는 "Up"이 할당됩니다.

이러한 방법을 사용하면, enum 변수의 값을 enum 멤버의 이름으로도 참조할 수 있으므로, enum의 양방향성을 활용할 수 있게 됩니다.

profile
필요하다면 공부하는 개발자, 한승준

0개의 댓글