RegExp
RegExp
생성자는 패턴을 사용해 텍스트를 판별할 때 사용합니다.
정규 표현식에 대한 소개는 JavaScript 안내서의 정규 표현식 장을 참고하세요.
설명
리터럴 표기법과 생성자
RegExp
객체는 리터럴 표기법과 생성자로써 생성할 수 있습니다.
- 리터럴 표기법의 매개변수는 두 빗금으로 감싸야 하며 따옴표를 사용하지 않습니다.
- 생성자 함수의 매개변수는 빗금으로 감싸지 않으나 따옴표를 사용합니다.
다음의 세 표현식은 모두 같은 정규 표현식을 생성합니다.
/ab+c/i
new RegExp(/ab+c/, 'i') // 리터럴
new RegExp('ab+c', 'i') // 생성자
리터럴 표기법은 표현식을 평가할 때 정규 표현식을 컴파일합니다. 정규 표현식이 변하지 않으면 리터럴 표기법을 사용하세요. 예를 들어, 반복문 안에서 사용할 정규 표현식을 리터럴 표기법으로 생성하면 정규 표현식을 매번 다시 컴파일하지 않습니다.
정규 표현식 객체의 생성자(new RegExp('ab+c')
)를 사용하면 정규 표현식이 런타임에 컴파일됩니다. 패턴이 변할 가능성이 있거나, 사용자 입력과 같이 알 수 없는 외부 소스에서 가져오는 정규 표현식의 경우 생성자 함수를 사용하세요.
생성자의 플래그
ECMAScript 6부터는 new RegExp(/ab+c/, 'i')
처럼, 첫 매개변수가 RegExp
이면서 flags
를 지정해도 TypeError
("can't supply flags when constructing one RegExp from another"
)가 발생하지 않고, 매개변수로부터 새로운 정규 표현식을 생성합니다.
생성자 함수를 사용할 경우 보통의 문자열 이스케이프 규칙(특수 문자를 문자열에 사용할 때 앞에 역빗금(\
)을 붙이는 것)을 준수해야 합니다.
예를 들어 다음 두 줄은 동일한 정규 표현식을 생성합니다.
let re = /\w+/
let re = new RegExp('\\w+')
Perl 형태의 RegExp
속성
일부 RegExp
속성은 같은 값에 대해 긴 이름과 짧은 (Perl 형태의) 이름 모두 가지고 있습니다. (Perl은 JavaScript가 정규 표현식을 만들 때 참고한 프로그래밍 언어입니다.) 사용하지 않는 RegExp
속성을 참고하세요.
생성자
RegExp()
-
새로운
RegExp
객체를 생성합니다.
정적 속성
get RegExp[@@species]
(en-US)-
파생 객체를 생성할 때 사용하는 생성자입니다.
RegExp.lastIndex
(en-US)-
다음 판별을 시작할 인덱스입니다.
인스턴스 속성
RegExp.prototype.flags
-
RegExp
객체의 플래그를 담은 문자열입니다. RegExp.prototype.dotAll
-
.
이 줄 바꿈에 일치하는지 여부를 나타냅니다. RegExp.prototype.global
-
정규 표현식이 문자열 내에서 가능한 모든 경우에 일치하는지, 아니면 최초에 대해서만 일치하는지 나타냅니다.
RegExp.prototype.ignoreCase
-
문자열의 대소문자를 구분하는지 나타냅니다.
RegExp.prototype.multiline
-
여러 줄에 걸쳐 탐색할 것인지 나타냅니다.
RegExp.prototype.source
(en-US)-
패턴을 나타내는 문자열입니다.
RegExp.prototype.sticky
(en-US)-
검색이 접착(sticky)되어있는지 나타냅니다.
RegExp.prototype.unicode
(en-US)-
Unicode 기능의 활성화 여부입니다.
인스턴스 메서드
RegExp.prototype.compile()
(en-US)-
스크립트 실행 중 정규 표현식을 (다시) 컴파일합니다.
RegExp.prototype.exec()
-
문자열 매개변수에 대해 검색을 실행합니다.
RegExp.prototype.test()
-
문자열 매개변수에 대해 판별을 실행합니다.
RegExp.prototype.toString()
(en-US)-
객체의 문자열 표현을 반환합니다.
Object.prototype.toString()
메서드를 재정의합니다. RegExp.prototype[@@match]()
(en-US)-
주어진 문자열에 대해 일치하는 결과를 반환합니다.
RegExp.prototype[@@matchAll]()
(en-US)-
주어진 문자열에 대해 일치하는 모든 결과를 반환합니다.
RegExp.prototype[@@replace]()
(en-US)-
주어진 문자열 내의 일치를 새로운 문자열로 대치합니다.
RegExp.prototype[@@search]()
(en-US)-
주어진 문자열에 대해 일치하는 인덱스를 반환합니다.
RegExp.prototype[@@split]()
(en-US)-
주어진 문자열을 분할해 배열로 반환합니다.
예제
정규 표현식을 사용해서 데이터 형식 바꾸기
정규 표현식을 사용해서 여러 가지 줄 바꿈 문자가 있는 문자열 나누기
기본 줄 바꿈 문자는 플랫폼(Unix, Windows 등)마다 다릅니다. 아래의 분할 스크립트는 모든 플랫폼의 줄 바꿈을 인식합니다.
let text = 'Some text\nAnd some more\r\nAnd yet\rThis is the end'
let lines = text.split(/\r\n|\r|\n/)
console.log(lines) // logs [ 'Some text', 'And some more', 'And yet', 'This is the end' ]
정규 표현식 패턴의 순서를 바꾸면 작동하지 않을 수 있습니다.
여러 줄에서 정규 표현식 사용하기
let s = 'Please yes\nmake my day!'
s.match(/yes.*day/);
// Returns null
s.match(/yes[^]*day/);
// Returns ["yes\nmake my day"]
접착 플래그와 함께 사용하기
sticky
(en-US) 플래그는 해당 정규 표현식이 접착 판별, 즉 RegExp.prototype.lastIndex
(en-US)에서 시작하는 일치만 확인하도록 할 수 있습니다.
let str = '#foo#'
let regex = /foo/y
regex.lastIndex = 1
regex.test(str) // true
regex.lastIndex = 5
regex.test(str) // false (lastIndex is taken into account with sticky flag)
regex.lastIndex // 0 (reset after match failure)
접착과 전역 플래그의 차이
접착 플래그 y
의 일치는 정확히 lastIndex
위치에서만 발생할 수 있으나, 전역 플래그 g
의 경우 lastIndex
또는 그 이후에서도 발생할 수 있습니다.
re = /\d/y;
while (r = re.exec("123 456")) console.log(r, "AND re.lastIndex", re.lastIndex);
// [ '1', index: 0, input: '123 456', groups: undefined ] AND re.lastIndex 1
// [ '2', index: 1, input: '123 456', groups: undefined ] AND re.lastIndex 2
// [ '3', index: 2, input: '123 456', groups: undefined ] AND re.lastIndex 3
// ... and no more match.
전역 플래그 g
를 사용했다면, 3개가 아니고 6개 숫자 모두 일치했을 것입니다.
정규 표현식과 Unicode 문자
\w
와 \W
는 a
부터 z
, A
부터 Z
, 0
부터 9
_
등의 ASCII 문자에만 일치합니다.
러시아어나 히브리어와 같은 다른 언어의 문자까지 일치하려면 \uhhhh
(이때 hhhh는 해당 문자의 16진법 Unicode 값) 문법을 사용하세요. 아래 예제에서는 문자열에서 Unicode 문자를 추출합니다.
let text = 'Образец text на русском языке'
let regex = /[\u0400-\u04FF]+/g
let match = regex.exec(text)
console.log(match[0]) // logs 'Образец'
console.log(regex.lastIndex) // logs '7'
let match2 = regex.exec(text)
console.log(match2[0]) // logs 'на' [did not log 'text']
console.log(regex.lastIndex) // logs '15'
// and so on
유니코드 속성 이스케이프 (en-US) 기능을 사용해 \p{scx=Cyrl}
과 같은 간단한 구문으로 이 문제를 해결할 수 있습니다.
URL에서 서브도메인 추출하기
let url = 'http://xxx.domain.com'
console.log(/[^.]+/.exec(url)[0].substr(7)) // logs 'xxx'
참고: 이 때는 정규표현식보단 URL API (en-US)를 통해 브라우저에 내장된 URL 구문 분석기를 사용하는 것이 좋습니다.
명세
Specification |
---|
ECMAScript Language Specification # sec-regexp-regular-expression-objects |
브라우저 호환성
BCD tables only load in the browser