[JavaScript] 자바스크립트 if문 중첩 제거

프론트엔드 개발자가 되기위해 우선 완벽하지는 않아도 기초를 탄탄하게 하고 싶어서,
ZeroCho님의 강의를 보면서 JavaScript 공부를 다시 시작하였습니다.
이번에 새롭게 배운 팁?이 있다면 if문의 중첩으로 인한 코드의 복잡성을 제거해주는 방법에 대해
공부를 하였습니다.

if문 중첩제거 방법

1. if문 다음에 나오는 공통으로 진행되는 코드를 true와 false 각각의 분기점 내부에 넣는다.
2. 분기점을 비교하여 그중 짧은 절차의 코드 먼저 실행이 되도록 if문을 작성한다.
3. 짧은 절차가 끝나면 return이나 break로 중단한다.
4. 이제 else를 제거한다. (이때 중첩하나가 제거간 됨)

이 방식으로 하면 if문의 중첩을 제거할 수 가 있다.
예시 ex)

function test1() {
  let result = "";

  if (a) {
    if (!b) {
      result = "c";
    }
  } else {
    result = "a";
  }
  result += "b";
  return result;
}

이런식으로 중첩이 되어있는 코드가 있다고 하면, 우선 1번의 절차로 맨밑에 반복되는 코드를 분기점으로 넣을 수가 있습니다.

function test1() {
  let result = "";

  if (a) {
    if (!b) {
      result = "c";
    }
    result += "b";
    return result;
  } else {
    result = "a";
    result += "b";
    return result;
  }
}

이런식으로 진행이 되면 그다음 2번의 절차를 실행하고, 3번과 4번의 절차를 진행하면 이런식으로 진행이 됩니다.

function test1() {
  let result = "";

  if (!a) {
    result = "a";
    result += "b";
    return result;
  }

  if (!b) {
    result = "c";
  }
  result += "b";
  return result;
}

이런식으로 절차를 진행하면 복잡한 if문의 절차를 제거하여 진행할 수가 있습니다.


출처
ZeroCho TV[https://youtu.be/NUOPdY14JKo]