반응형
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 |
