JS 리팩토링 콤보: 문자열 비교 체인에서 배열 상수 추출

변수를 문자열 값과 비교할 때 시작하는 가장 쉬운 방법은 variable === "value" 또는 variable !== "value" 비교를 사용하는 것입니다. 시간이 지남에 따라 이들은 더 긴 시퀀스로 성장할 수 있습니다. variable === "value1" || variable === "value2" || variable === "value3" .

변수가 비교되는 값은 종종 그 자체로 의미 있는 모음입니다. 배열로 리팩터링하고 array.includes(variable)를 사용하면 재사용 및 확장이 용이하고 의미 있는 배열 이름을 지정하면 코드를 더 쉽게 이해할 수 있습니다.

이전(예시)




if (extension !== "js" 
    && extension !== "ts" 
    && extension !== "tsx") {
  handleUnsupportedExtension(extension)
}


리팩토링 단계





💡  The refactoring steps are using P42 JavaScript Assistant v1.105


  • Convert string comparison chain to array.includes
  • Extract the array into a variable
  • 추출된 배열 변수를 파일의 맨 위로 이동(표시되지 않음)

  • 후(예시)




    const SUPPORTED_EXTENSIONS = ["js", "ts", "tsx"];
    if (!SUPPORTED_EXTENSIONS.includes(extension)) {
      handleUnsupportedExtension(extension)
    }
    

    좋은 웹페이지 즐겨찾기