자바스크립트를 비롯해 프로그래밍 언어에서의 조건문 사용은 그 비중이 매우 높다. 조건이 다양해 질수록 해당하는 조건문의 길이가 길어지게 되는데 길어진 조건문은 각각의 조건들을 이해하기가 힘들어 가독성이 떨어지고 유지보수도 어려울 것이다.

이런 문제를 해결하기 위해서는 각각의 조건들을 줄바꿈하여 나타내야하는데 그 방법이 다양할 수 있으며 각자 장단점이 있을 것이다. 아래는 다양한 방법의 조건식을 줄바꿈한 예들이다.


! 조건문 보기좋게 줄바꿈하는 방법아래 예제는 자주 사용되는 방법 3가지를 나열하였다. 순서대로 보면...

i. 줄바꿈 없이 나타내기
ii. 조건 하나씩 줄바꿈하여 나타내기
iii. 조건 하나마다 변수를 사용하기
iv. 조건 전체를 변수를 사용하기
# 줄바꿈 없이 나타내는 경우
줄바꿈이 없이 사용하는 것은 한행에 모두 나타낼 수 있는 길이가 적당하다. 120자 이내라면 고민없이 한줄로 나타내어 사용할 수 있을 것이다. 그 아래의 예제는 120자를 넘지만 줄바꿈을 사용하지 않은 경우이다.

if (linea == true && lineb == false && linec == true.&& lined == true && linee == true) {
  ...
}

줄바꿈을 수행하기 이전의 모습을 보면 문자열 자체도 길지만 어떤 조건에 따라 분기문을 수행하는지 파악하기 힘들다. 그럼 아래부터는 이를 나타내는 여러 방법들이다.


i. 조건 하나씩 줄바꿈하는 방법
각각의 조건들을 모두 줄바꿈 처리하는 방법이다. 이 방법은 문자열의 길이를 줄이고 각 조건을 따로 나타내어 알아보기 쉽다.

if (
    linea == true
    && lineb == false
    && linec == true
    && lined == false
    && linee == true
   )


ii. 각각의 조건을 변수에 저장하는 방법
이 방법은 각각의 조건을 모두 변수를 사용하여 나타내는 방법이다.

# 조건에 변수를 사용한 if문

var condition1 = "linea == true",
      condition2 = "lineb == false",
      condition3 = "linec == true",
      condition4 = "lined == false",
      condition5 = "linee == true";

if (condition1 && condition2 && condition3 && condition4 && condition5) {
  ...
}


iii. 조건 전체를 변수에 담아 사용하는 방법
각각의 조건을 구분하지 않고 모두 하나의 변수에 담아 사용하는 방법이다.

var conditionSet = (
  linea == true
  && lineb == false
  && linec == true
  && lined == false
  && linec == true
)

if (conditionSet) {
  ...
}

여기까지 조건문을 짧게 줄바꿈 처리하는 다양한 방법에 대하여 알아보았다.