[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
  • 공지사항

  • 인기 글

  • 태그

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

  • 최근 글

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

티스토리툴바