정규 표현식은 문자열에서 특정 문자 조합을 찾기 위한 패턴이다. 자바스크립트에서 정규 표현식은 객체로서 RegExp
의 메서드를 사용할 수 있다.
정규 표현식은 다음 두 가지 방법으로 만들 수 있다.
/
로 패턴을 감싸 사용const regex = /ab+c/;
RegExp
객체 생성자 호출const regex = new RegExp('ab+c');
특정 문자 매칭 패턴 | 검색 기준 패턴 | 반복 패턴 | 그룹 패턴 |
---|---|---|---|
. : 줄바꿈을 제외한 모든 문자 | | : or | ? : 최대 1개 | () : 그룹화 + 캡처 |
\d : 숫자 | [] : 괄호 안의 문자들 중 하나 | * : 0개 이상 | (?:) : 그룹화 |
\w : 밑줄 문자를 포함한 영숫자 | [^] : 괄호 안의 문자를 제외한 것 | + : 1개 이상 | |
\s : 공백 | ^ : 문자열의 시작 | {n} : n개 | |
$ : 문자열의 끝 | {min, max} : min개 이상 max개 이하 |
정규 표현식은 전역 탐색이나 대소문자 무시 등 고급 검색 옵션을 지정하는 플래그를 가질 수 있다.
// literal
const re = /ab+c/gi;
// RegExp
const re = new RegExp('ab+c', 'gi');
i
: (ignore case) 대소문자 무시g
: (global) 전역 탐색 - 문자열 내의 모든 패턴 검색m
: (multi line) 여러 줄에 걸쳐 탐색💥 global 옵션
global을 뜻하는 g
플래그는 문자열 내의 모든 패턴을 검색한다. 전역 탐색이 아닌 경우에는 패턴과 일치하는 문자열을 찾으면 더 이상 탐색하지 않는다.
global 값이 false인 경우 | global 값이 true인 경우 |
---|---|
![]() | ![]() |
RegExp 객체는 exec()
과 test()
를 갖는다. 여기서는 test()
메서드만 다루겠다.
test()
메서드는 주어진 문자열이 정규 표현식을 만족하는지 판별하고, 그 여부(true/false)를 반환한다.
const regex = /abc/;
const str = 'abcd';
console.log(regex.test(str)); // true
💥 정규 표현식으로 완전 일치 탐색하기
위의 코드처럼 test()
메서드는 패턴과 일치하는 부분 문자열이 존재한다면 true
를 반환한다. 어떻게 하면 정규식과 완전 일치하는 문자열인지 알 수 있을까?
앞서 나온 ^
과$
특수 문자를 사용하면 된다. ^
는 문자열의 시작을, $
는 문자열의 끝을 의미하기 때문에 해당 특수문자를 적어주면 abc
와 일치하는 부분 문자열이 있더라도 해당 문자열 앞뒤로 패턴과 일치하지 않는 문자가 존재한다면 false
를 리턴한다.
const regex = /^abc$/;
const str = 'abcd';
console.log(regex.test(str)); // false
정규식을 작성하다보면 내가 작성한 규칙이 맞는지 헷갈릴 때가 있다. 위 사이트를 이용하면 Text의 예제들이 정규식 패턴에 검색되는지 실시간으로 확인할 수 있다.
위의 사진처럼 복잡한 정규식을 작성할 때 매우 유용하다. 사진의 (?<name>)
은 캡처한 그룹에 이름을 붙이는 문법이다.