[javascript] 조건문 단순화

22 Dec 2023

javascript

자바스크립트에서 조건문을 작성할 때 종종 코드를 단순화하여 가독성을 높일 수 있습니다. 이번 글에서는 일반적인 패턴을 사용하여 조건문을 단순화하는 방법을 알아보겠습니다.

1. 삼항 연산자 활용

// 일반적인 조건문
let result;
if (condition) {
  result = value1;
} else {
  result = value2;
}

// 삼항 연산자를 활용한 단순화
let result = condition ? value1 : value2;

2. && 및 || 연산자 활용

// if문을 사용한 조건문
if (condition1) {
  result = value1;
} else {
  result = value2;
}

// && 연산자를 활용한 단순화
let result = condition1 && value1 || value2;

3. switch 문 사용

// if-else if-else 구조를 사용한 조건문
if (condition1) {
  result = value1;
} else if (condition2) {
  result = value2;
} else {
  result = value3;
}

// switch 문을 사용한 단순화
switch(true) {
  case condition1:
    result = value1;
    break;
  case condition2:
    result = value2;
    break;
  default:
    result = value3;
}

조건문을 간결하게 작성함으로써 코드의 가독성을 높일 뿐만 아니라 유지보수성도 향상시킬 수 있습니다.

이러한 패턴을 응용하여 코드를 작성할 때, 항상 주의적으로 사용하며 코드의 의도를 명확히 나타내는 것이 중요합니다.

참고 자료

MDN Web Docs: 조건문