if문/switch문을 mapping(key, value) 관계로 변경하여 코드 줄이기

(출처👏)

현재 진행 중인 프로젝트에 바로 적용할 수 있으면서 클린 한 코드를 만들 수 있는 방법을 찾던 중 위 영상을 보게 되었는 데

나뿐만 아니라 많은 사람들에게 도움이 될 것 같고 알았으면 좋겠어서 적용한 예시를 정리해보았다! (미래에 나에게 매우 큰 도움이 될 것 같다.)

 

const backMap = {
  A: 'a',
  B: 'b',
  C: 'c',
};

const backHandler = () => {
  console.log(backMap[path]);
}

 

const backMap = {
  A: () => {
    console.log("A");
  },
  B: () => {
    console.log("B");
  },
  C: () => {
    console.log("C");
  }
};

const backHandler = () => {
  backMap[path]();
}

 

위처럼 값이나 함수를 key, value 형태로 mapping 해서 관리하면 else if가 추가되더라도 backHandler를 직접 수정하는 게 아니라 backMap을 수정해서 오류를 줄일 수 있고, 코드도 깔끔해진다!! 굿굿☺️