본문 바로가기
programming/javascript

자바스크립트 정규표현식 사용 Regular Expression 문자열의 패턴 찾기

by 개코 - 개발과 코딩 2023. 2. 17.

자바스크립트에서 정규식을 사용하는 것은 특정 문자열을 찾고 검색하여 재가공을 하기 위함이다. 웹기술이 발전하며 데이터의 전송과 가공은 필수적이 되었다. replace() 메서드를 사용해 단순히 교체를 할 수 있지만 제약이 있다. 자바스크립트 정규표현식을 사용하면 특정 문자열을 모두 찾아 재가공할 수 있다.

자바스크립트 정규표현식 사용
Regular Expression 문자열의 패턴 찾기

정규식은 한번쯤 들어본 적이 있을 것이다. 주로 문자열 데이터를 가공할 때 자주사용게 되는데 아마도 html 태그를 모두 없애는 작업에 사용했을 것이다.

자바스크립트에서 사용하는 정규식도 마찬가지인데 문자열을 가공할 때 사용한다.

정확하게 표현하면 문자를 특정한 조합인 패턴으로 만들어 원본 문자열을 찾기 위함이다.

이는 패턴매칭이라고 하기도 하는데 문자열 패턴을 만들어 검색하는데 그 목적이 있다.

자바스크립트 정규식

정규식을 익히는 것은 문자열을 편하게 가공하여 사용하기 위함일 것이다.

특히, 웹 기술이 발전하고 데이터의 전송과 재가공 등에 문자열은 개발자로 하여금 고민을 하게 한다.

문자열을 조작하는 것은 귀찮고 번거롭다.

정규식은 이런 전체적인 문자열에 대해 재가공이 필요한 특정 문자열을 패턴으로 만드는 것을 말한다.

아마도 자바스크립트 정규식에 대해 검색을 해보면 html 태그를 없애는 코드가 가장 많다.

아래는 전체 문자열에서 모든 html 태그를 없애는 자바스크립트 정규식에 대한 예제이다.

var remHTMLPtn = /(<([^>]+)>)/gi;
var retTxt = 문자열.replace(remHTMLPtn, '');

정규식과 함께하는 메서드

자바스크립트에서 정규식을 사용하는 목적은 특정 문자열을 검색하여 재가공하기 위한 문자열 패턴을 만드는 작업이라는 것은 느낌적으로 알게 되었다.

정규식과 함께 사용되는 메서드를 보면 그 목적을 좀 더 확실히 알 수 있다.

아래는 자바스크립트 정규식과 함께 사용하는 메서드들을 보여준다.

  • RegExp
    - 정규식 패턴을 사용하여 텍스트를 판별한다.
  • RegExp.exec()
    - 정규식 패턴을 검색하고 배열로 결과를 반환한다.
  • RegExp.test()
    - 정규식 패턴이 합당한지 true 또는 false 로 결과를 반환한다.
  • String
    - 자바스크립트의 문자열 객체이다.
  • String.match()
    - 문자열에 정규식 패턴과 맞는 부분이 있는지 검색한다.
  • String.matchAll()
    - 문자열에 정규식 패턴이 맞는 부분을 배열로 결과를 반환한다.
  • String.replace()
    - 문자열의 정규식 패턴과 맞는 부분이 있다면 교체한다.
  • String.replaceAll()
    - 문자열의 정규식 패턴과 맞는 부분이 있다면 교체한다.
  • String.search()
    - 문자열 내에 정규식 패턴과 맞는 문자열을 검색한다.
  • String.split()
    - 문자열 내에 정규식 패턴을 이용해 여러개의 문자열로 분리한다.

정규식과 사용되는 메서드들을 나열해 보았다.

문자열 객체와 함께 사용되는 것을 다시 확인해 볼 수 있다.

반응형

댓글