JS_기본 문법 (18)_ 제어문과 좋은 코드?

JS에서 제공하는 if/else문을 이용하면

원하는 조건에 맞추어 연산을 처리할 수 있다.

 

const x = 4;

if (x % 2) {
  console.log('홀수');
} else {
  console.log('짝수');
}

>>> 짝수

위의 예시는 아주 단순한 홀짝 판별 코드인데

이것보다 더 복잡한 조건을 적용한다면 당연히도 코드가 복잡해진다.

그에 따라 가독성이 낮은 코드가 작성될 수 있다.

 

예시) 홀수, 짝수, 4의 배수를 구분하는 코드

1) if/else문의 중첩을 활용할 경우

const x = 6;

if (x % 4) {
  if (x % 2) {
    console.log('홀수');
  } else {
    console.log('짝수');
  }
} else {
  console.log('4의 배수');
}

>>> 짝수

 

2) else if를 활용할 경우

const x = 6;

if (x % 2) {
  console.log('홀수');
} else if (x % 4) {
  console.log('4의 배수');
} else {
  console.log('짝수');
}

>>> 짝수

 

3) 함수와 return을 활용하는 경우

위의 두 가지 방법보다 권장되는 방법이다.

함수와 return을 활용하여 보다 더 가독성이 높은 코드를 작성할 수 있다.

function func (x) {

  if (x % 2) {
    console.log('홀수');
    return;
  }

  if (x % 4) {
    console.log('짝수');
    return;
  }

  console.log('4의 배수');
}

func(6);

>>> 짝수

 

이 외에도 간단한 조건문은 삼항연산자를 활용하는 방법이 있다!