본문으로 바로가기

JavaScript - 조건식 줄이기 [Tip]

category 공유/JavaScript, TypeScript 2021. 10. 9. 07:47

JavaScript, Java 언어 등 조건식을 사용할 때, 너무 길어지는 경우가 있다. 예를들어보자.

[기존 코드]

if ([1, 2, 3, 4, 5, 6].includes(num)) {
  console.log("numbers");
}

위와 같은 코드의 경우 너무 길어져 가독성이 좋지 않다. 만약 코드가 더 길어지는 경우 아래와 같이 변경이 된다.

[변경 코드]

const num = 0;
if (num === 1 || num === 2 || num === 3 || num === 4) {
  console.log("numbers");
}

이전보다는 이해하기 쉽게 변했다. 이 방식의 가독성을 좋아하는 사람도 있겠지만 필자는 이것보단 아래 방식이 더 좋은 것 같다.

[완성 코드]

if (
  num === 1 ||
  num === 2 ||
  num === 3 ||
  num === 4 ||
  num === 5 ||
  num === 6
) {
  console.log("numbers");
}

위와 같이 배열로 만들어서 includes 함수를 사용하면 1줄로 짧게, 조건을 넣고 빼는 것도 쉽다. 사람마다 가독성의 기준이 다르니 개인 프로젝트에서는 본인이 편한대로, 회사 or 팀 프로젝트에서는 해당 규칙대로 하면 될 것 같다.

마지막

해당 내용은 틀릴 수도 있다는 것을 감안하여 봐주세요. 틀린 내용 및 오탈자 수정 요청 환영입니다.

반응형