[Javascript] Enum 사용하기

2024. 3. 1. 14:51·Javascript
반응형

Enum

Enum은 상수 값 중 비슷한 것들을 묶어두는 역할을 하는 자료형입니다.

자바에서는 enum형을 지원하지만 자바스크립트에서는 지원하지 않습니다.

 

하지만 자바의 enum처럼 비슷한 기능을 간단하게 만들 수 있습니다.

const SEASON = {
    spring: "봄",
    summer: "여름",
    autumn: "가을",
    winter: "겨울"
};

Object.freeze(SEASON);

const data = "가을";

console.log(data === SEASON.autumn); // true

 

자바스크립트의 JSON을 활용해서 enum형을 구현했습니다.

 

단, 자바스크립트의 JSON은 값이 변경될 수 있다는 문제가 있습니다.

따라서 Object.freeze 로 Enum이 더 이상 수정되지 못하게 막아줘야 합니다.


마치며...

이번 글에서는 Enum의 개념과 자바스크립트로 Enum을 구현하는 방법에 대해서 알아보았습니다.

다음 글에서는 자바스크립트로 Enum을 올바르게 사용하는 방법에 대해서 알아보겠습니다.

 

[Modern][Javascript]Enum 좋게 쓰는법 (클린코드)

Modern 시리즈는 작성일 기준 최신 자바스크립트 문법으로 구현한 예제입니다. 실무에서 협업할 때, Enum을 올바르게 사용하면 가독성이 좋아져서 프로그래머가 실수할 확률을 줄여줍니다. 그럼

aierse.tistory.com

 

 

[프로그래밍] 나만의 클린코드

클린 코드란 무엇일까요? 코드에 정답은 없습니다. 이 글에서는 제가 생각하는 클린 코드의 정의를 전달하고자 합니다. 먼저 구글에 클린코드의 정의를 검색하면 다음과 같습니다. 클린 코드(Cle

aierse.tistory.com

 

반응형

'Javascript' 카테고리의 다른 글

[Javascript] Array.map 비동기 처리로 성능 최적화하기 (async + Promise.all)  (2) 2025.08.08
[Modern][Javascript]Enum 올바르게 쓰는법 (클린코드)  (0) 2024.03.21
[Javascript] 신입, 취준생을 위한 현업에서 코드 짜는법(클린코드)  (0) 2024.02.28
[Modern][Javascript] 체크박스 전체 선택 / 전체 해제 구현  (0) 2024.02.21
'Javascript' 카테고리의 다른 글
  • [Javascript] Array.map 비동기 처리로 성능 최적화하기 (async + Promise.all)
  • [Modern][Javascript]Enum 올바르게 쓰는법 (클린코드)
  • [Javascript] 신입, 취준생을 위한 현업에서 코드 짜는법(클린코드)
  • [Modern][Javascript] 체크박스 전체 선택 / 전체 해제 구현
Aierse
Aierse
리액트, 뷰 등 웹 개발의 모든 것
    반응형
  • Aierse
    <Aierse />
    Aierse
  • 전체
    오늘
    어제
    • 분류 전체보기
      • CS
      • 프로그래밍
        • Editer
      • Javascript
      • 웹
        • React
        • VueJS
        • NestJS
      • NodeJS
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

    • Github
  • 공지사항

  • 인기 글

  • 태그

    자바스크립트
    CI/CD
    array every
    Between
    nestjs
    리액트
    .vscode
    전체선택
    react
    가독성
    serverless
    클린 코드
    JavaScript
    TypeScript
    AWS
    actions
    enum
    nodejs
    lambda
    NoSQL
    폴더 관리
    클린코드
    async
    체크박스
    dynamodb
    JSDOC
    vue3
    Workspace
    프로그래밍
    vscode
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.4
Aierse
[Javascript] Enum 사용하기
상단으로

티스토리툴바