Computer >> 컴퓨터 >  >> 프로그래밍 >> JavaScript

JavaScript RegExp로 대소문자를 구분하지 않는 매칭 수행하는 방법

JavaScript 정규 표현식(Regular Expression)에서 대소문자를 구분하지 않는 매칭을 수행하려면 i 수정자(modifier)를 사용하면 됩니다.

i 수정자란?

정규 표현식의 끝에 i 플래그를 붙이면 패턴을 검색할 때 영문자의 대소문자 차이를 무시합니다. 예를 들어 /welcome/i는 "Welcome", "WELCOME", "welcome" 등 어떤 형태든 모두 일치하는 것으로 처리합니다.

예제 코드

다음 코드를 실행하면 대소문자를 구분하지 않고 문자열 내에서 패턴을 찾을 수 있습니다.

<html>
   <head>
      <title>JavaScript Regular Expression</title>
   </head>
   <body>
      <script>
         var myStr = "Welcome to the website!";
         var reg = /welcome/i;
         var match = myStr.match(reg);
         
         document.write(match);
      </script>
   </body>
</html>

실행 결과

위 예제에서 원본 문자열은 "Welcome"으로 대문자 W로 시작하지만, 정규 표현식에 i 플래그가 적용되어 소문자로 작성된 welcome 패턴과도 일치합니다. 따라서 결과는 다음과 같이 출력됩니다.

Welcome

참고 사항

i 플래그를 제거하고 /welcome/으로 검색하면 대소문자가 정확히 일치해야 하므로, 위 문자열에서는 매칭 결과가 null이 됩니다. 대소문자 구분 여부에 따라 검색 결과가 달라지므로, 상황에 맞게 플래그를 활용하는 것이 중요합니다.