[ JavaScript / 정규표현식 ] 자바스크립트 정규표현식 정리 <1>

출처: MDN Web Docs

 

 

 

 

 

정규표현식 (정규식) - Regular expression

정규 표현식은 문자열에 나타나는 특정 문자 조합과 대응시키기 위해 사용되는 패턴으로, 자바스크립트에서 정규 표현식 또한 객체이다. 이 패턴들은 RegExp의 exec,  test 메소드와 String의 match, replace, search, split 메소드와 함께 쓰인다.

 

 

 

 

 

 

정규 표현식을 만드는 방법

 

1. 정규식 리터럴을 사용하는 방법 ( 정규식이 값(=패턴)이 변하지 않는 상수일 때 사용하는 것을 추천 )

 

슬래시( / )로 감싸는 패턴을 사용하여 만드는 방법이다. 정규식 리터럴을 사용하게 되면 스크립트가 불러와질 때 컴파일 된다.

var re = /ab+c/;

 

 

 

 

 

 

2. RegExp 객체의 생성자 함수를 호출하는 방법 ( 정규식의 값(=패턴)이 변수일 때 사용하는 것을 추천 )

 

RegExp 객체의 생성자를 호출한다. 생성자 함수를 사용하면 정규식이 실행 시점(=런타임)에 컴파일 된다.

정규식의 패턴이 변경될 가능성이 있거나 사용자의 입력 값과 같이 변수의 패턴을 가져와야 하는 경우, 생성자 함수를 사용해야 한다.

var re = new RegExp("ab+c");

 

 

 

 

 

 

 

 

 

정규식 패턴 작성

 

1. 단순 패턴 사용하기

 

단순 패턴은 문자열을 있는 그대로 대응시킬 때 사용된다.

// 아래 패턴의 경우, 문자열이 정확히 'abc'여야 한다.
/abc/

var a = 'Hi, do you know your abc?' // 적용됨.
var b = 'Grab crab' // 적용되지 않음. (정확한 'abc'가 아니기 때문에)

 

 

 

2. 특수 문자 사용하기

 

하나 이상의 'b'를 찾거나, 공백 문자 찾기 등 직접적인 일치 이상의 탐색이 필요한 경우 특수문자를 사용한다.

 

문자 / 조합	문서
\, ., \cX, \d, \D, \f, \n, \r, \s, \S, \t, \v, \w, \W, \0, \xhh, \uhhhh, \uhhhhh, [\b]	문자 클래스 (en-US)
^, $, x(?=y), x(?!y), (?<=y)x, (?<!y)x, \b, \B	어서션
(x), (?:x), (?<Name>x), x|y, [xyz], [^xyz], \Number	그룹과 범위
*, +, ?, x{n}, x{n,}, x{n,m}	수량자 (en-US)
\p{UnicodeProperty}, \P{UnicodeProperty}	유니코드 속성 이스케이프 (en-US)

출처 - MDN

 

 

 

 

 

- 이스케이핑

특수 문자를 있는 그대로 탐색해야 하는 경우, 특수 문자 앞에 역슬래시( \ )를 배치해서 이스케이프 해야 한다. 역슬래시를 이용하여 이스케이프하면, 특수문자가 아닌 문자 리터럴로 취급한다.

function escapeRegExp(string) {
  return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&') // $&은 일치한 문자열 전체를 의미
}

 

 

 

 

 

- 괄호 사용하기

정규 표현식의 아무 부분이나 괄호로 감싸게 되면, 그 부분과 일치하는 부분 문자열을 기억하게 된다. 기억한 부분 문자열은 불러와서 재사용이 가능하다.