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

JavaScript 정규식(RegExp)으로 문자열을 교체하는 방법

JavaScript에서 RegExp(정규 표현식)를 사용해 문자열을 교체하려면 문자열 객체의 replace() 메서드를 활용하면 됩니다. 이 메서드는 첫 번째 인수로 찾고자 하는 패턴을, 두 번째 인수로 교체할 새 문자열을 받습니다.

정규식 플래그 활용하기

정규 표현식 패턴 뒤에 플래그를 추가하면 검색 조건을 세부적으로 제어할 수 있습니다. 예를 들어 /i 플래그를 붙이면 대소문자를 구분하지 않고 일치 여부를 검사하므로, 원본 문자열의 표기와 관계없이 안정적으로 매칭할 수 있습니다.

예제

아래 코드를 실행하면 JavaScript RegExp로 문자열을 교체하는 과정을 직접 확인할 수 있습니다.

<html>
   <head>
      <script>
         var str = "Welcome to Tutorialspoint";
         document.write(str);
         var res = str.replace(/tutorialspoint/i,"Qries");
         document.write("<br>"+res);
      </script>
   </head>
   <body>
   </body>
</html>

위 예제에서는 "Welcome to Tutorialspoint"라는 문자열에서 정규식 /tutorialspoint/i에 해당하는 부분을 "Qries"로 교체합니다. 실행 결과는 다음과 같습니다.

Welcome to Qries

원본 문자열의 "Tutorialspoint"는 대문자 T로 시작하지만, i 플래그 덕분에 대소문자 차이와 무관하게 정상적으로 매칭되어 교체된 것을 확인할 수 있습니다.