정규 표현식

책 <러닝자바스크립트>를 기본으로 배운 자바스크립트 내용입니다.

 

목차

• <정규 표현식> 1. 정규 표현식을 사용하는 이유?
• 2. 정규 표현식 만들기
• 3. 정규식 패턴
• 3-1) 패턴 작성하기
• 정규식 표현식(더보기 클릭! : 특수 문자 사용 예시)
• 자주 사용되는 특수 문자(더보기 클릭! : 기타 특수 문자)
• 4. 그룹
• 4-1) 그룹화  
• 4-2) 캡처(capturing)

 

정규표현식 테스트 사이트

내용을 이해하면서 실제로 적용해 보는 것이 좋습니다. 아래의 사이트들을 이용하여 정규식을 테스트해 봅시다.

단, 각 사이트의 설정된 환경이 다르기 때문에 일부 작동하지 않거나 자바스크립트에서 다루는 정규식과 다르게 작동할 수 있으므로 사이트에서 테스트한 정규식의 결과를 맹신하지 말고 자신의 환경에 맞는지 꼭 테스트하세요.

• https://regex101.com/ 
• https://regexr.com/
• https://regexper.com/ 

 

<정규 표현식>

1. 정규 표현식

정규표현식이란 문자열을 검색하고 대체하는 데 사용 가능한 일종의 형식 언어(패턴)이다.

간단한 문자 검색부터 이메일, 패스워드 검사 등의 복잡한 문자 일치 기능 등을 정규식 패턴으로 빠르게 수행할 수 있다. 하지만, 정규표현식은 주석이나 공백을 허용하지 않고 여러가지 기호를 혼합하여 사용하기 때문에 가독성이 좋지 않다는 문제가 있다.

정규표현식은 크게 다음과 같은 역할을 수행한다.

• 문자 검색(search)
• 문자 대체(replace)
• 문자 추출(extract)

 

 

2. 정규 표현식 만들기

• 방법① 정규식 리터럴(슬래쉬"/"로 감싸는 패턴)을 사용 : 정규식 리터럴은 스크립트가 불러와질 때 컴파일된다. 만약 정규식이 상수라면, 이렇게 사용하는 것이 성능을 향상시킬 수 있다.

var re = /ab+c/;

 

• 방법② RegExp 객체의 생성자 함수를 호출 : 생성자 함수를 사용하면 정규식이 실행 시점에 컴파일된다. 정규식의 패턴이 변경될 수 있는 경우, 혹은 사용자 입력과 같이 다른 출처로부터 패턴을 가져와야 하는 경우에 사용한다. 플래그를 사용하지 않은 경우 문자열 내 검색 매칭 대상이 1개 이상이더라도 첫번째 매칭한 대상만을 검색하고 종료한다.

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

 

※플래그는 아래와 같은 종류가 있다.

Flag	Description
i	대소문자를 구별하지 않고 검색한다.
g	문자열 내의 모든 패턴을 검색한다.
m	문자열의 행이 바뀌더라도 검색을 계속한다.

 

 

3. 정규식 패턴(참고 사이트 : https://heropy.blog/2018/10/28/regexp/)

• 패턴에는 검색하고 싶은 문자열을 지정한다. 
• 패턴은 단순 문자로 구성될 수도 있고, 단순 문자와 특수 문자의 조합으로 구성될 수도 있다.
• 패턴들은 RegExp의 exec 메소드와 test 메소드  ,그리고 String의  match메소드 , replace메소드 , search메소드 ,  split 메소드와 함께 쓰인다.

 

3-1) 패턴 작성하기

• 단순 문자 사용하기: 단순 문자는 문자열을 있는 그대로 대응시키고자 할 때 사용된다. 예를 들어, /abc/라는 패턴은 문자열에서 정확히 'abc' 라는 문자들이 모두 함께 순서대로 나타나야 대응된다. 
• 특수 문자 사용하기: 있는 그대로의 대응 이상의 대응을 필요로 할 경우, 패턴에 특수한 문자를 포함시킨다. 예를 들어, /ab*c/ 패턴은  'a' 문자 뒤에 0개 이상의 'b' 문자(* 문자는 바로 앞의 문자가 0개 이상이라는 것을 의미한다)가 나타나고 바로 뒤에 'c' 문자가 나타나는 문자 조합에 대응된다.

정규식 패턴(표현식)	의미
^	줄의 시작에서 일치
$	줄의 끝에서 일치
.	임의의 한 문자와 일치
a|b	a 또는 b와 일치
*	0회 이상 연속으로 반복되는 문자와 가능한 많이 일치
*?	0회 이상 연속으로 반복되는 문자와 가능한 적게 일치
+	1회 이상 연속으로 반복되는 문자에 가능한 많이 일치
+?	1회 이상 연속으로 반복되는 문자에 가능한 적게 일치
?	없거나 1회 가능한 많이 일치
??	없거나 1회 가능한 적게 일치
{}	연속 일치
()	캡처할 그룹
(?<>)	캡처 그룹 이름 지정
(?:)	캡처하지 않는 그룹
(?=)	앞쪽 일치
(?!)	부정 앞쪽 일치
(?<=)	뒤쪽 일치
(?<!)	부정 뒤쪽 일치
[abc]	a 또는 b 또는 c와 일치
[^abc]	a 또는 b 또는 c가 아닌 나머지 문자에 일치

• 특수 문자 사용 예시

패턴 표현 방법

① . : 임의의 문자 한 개

문자의 내용은 무엇이든지 상관없다. 아래 예제의 경우 .를 3개 연속하여 패턴을 생성하였으므로 3자리 문자를 추출한다. 이때 추출을 반복하지 않는다. 반복하기 위해서는 플래그 g를 사용한다.

const targetStr = 'AA BB Aa Bb'; 

// 임의의 문자 3개 
const regexr = /.../;
console.log(targetStr.match(regexr));

// [ 'AA ', index: 0, input: 'AA BB Aa Bb' ]

/ 임의의 문자 3개를 반복하여 검색 
const regexr = /.../g; 
console.log(targetStr.match(regexr)); 

// [ 'AA ', 'BB ', 'Aa ' ]

문자 또는 문자열을 지정 : 일치하는 문자 또는 문자열을 추출

이때 대소문자를 구별하며 패턴과 일치한 첫번째 결과만 반환된다. 대소문자를 구별하지 않게 하려면 플래그 i를 사용한다.

const targetStr = 'AA BB Aa Bb'; 

// 'A'를 대소문자 구분해 검색 
const regexr = /A/; 
console.log(targetStr.match(regexr)); 

// 'A'

// 'A'를 대소문자 구분없이 반복 검색 
const regexr = /A/ig; 
console.log(targetStr.match(regexr)); 

// [ 'A', 'A', 'A', 'a' ]

② 패턴 뒤에 + : 패턴을 최소 한번 반복.

아래 예제의 경우, 앞선 패턴은 A이므로 A+는 A만으로 이루어진 문자열(‘A’, ‘AA’, ‘AAA’, …)를 의미한다.

const targetStr = 'AA AAA BB Aa Bb'; 

// 'A'가 한번이상 반복되는 문자열('A', 'AA', 'AAA', ...)을 반복 검색 
const regexr = /A+/g; 
console.log(targetStr.match(regexr)); 

// [ 'AA', 'AAA', 'A' ]

| : or의 의미

const targetStr = 'AA BB Aa Bb'; 

// 'A' 또는 'B'를 반복 검색 
const regexr = /A|B/g; 
console.log(targetStr.match(regexr)); 

// [ 'A', 'A', 'B', 'B', 'A', 'B' ]

분해되지 않은 단어 레벨로 추출하기 위해서는 |와 +를 같이 사용하면 된다.

const targetStr = 'AA AAA BB Aa Bb'; 

// 'A' 또는 'B'가 한번 이상 반복되는 문자열을 반복 검색 
// 'A', 'AA', 'AAA', ... 또는 'B', 'BB', 'BBB', ... 
const regexr = /A+|B+/g; 
console.log(targetStr.match(regexr)); 

// [ 'AA', 'AAA', 'BB', 'A', 'B' ]

위 예제는 패턴을 or로 한번 이상 반복하는 것인데 간단히 표현하면 아래와 같다. 

[]내의 문자는 or로 동작한다. 표현식 [abc]는 a|b|c와 같다. 그 뒤에 +를 사용하여 앞선 패턴을 한번 이상 반복하게 한다.

const targetStr = 'AA BB Aa Bb'; 

// 'A' 또는 'B'가 한번 이상 반복되는 문자열을 반복 검색 
// 'A', 'AA', 'AAA', ... 또는 'B', 'BB', 'BBB', ... 
const regexr = /[AB]+/g; 
console.log(targetStr.match(regexr)); 

// [ 'AA', 'BB', 'A', 'B' ]

③ 문자 범위 지정 : []내에 -를 사용. 아래의 경우 대문자 알파벳을 추출한다.

const targetStr = 'AA BB ZZ Aa Bb'; 

// 'A' ~ 'Z'가 한번 이상 반복되는 문자열을 반복 검색 
// 'A', 'AA', 'AAA', ... 또는 'B', 'BB', 'BBB', ... ~ 또는 'Z', 'ZZ', 'ZZZ', ... 
const regexr = /[A-Z]+/g; 
console.log(targetStr.match(regexr)); 

// [ 'AA', 'BB', 'ZZ', 'A', 'B' ]

대소문자를 구별하지 않고 알파벳(범위)을 추출

const targetStr = 'AA BB Aa Bb'; 

// 'A' ~ 'Z' 또는 'a' ~ 'z'가 한번 이상 반복되는 문자열을 반복 검색 
const regexr = /[A-Za-z]+/g; 
// 아래와 동일하다. 
// const regexr = /[A-Z]+/gi; 
console.log(targetStr.match(regexr)); 

// [ 'AA', 'BB', 'Aa', 'Bb' ]

④ 숫자를 추출

패턴에 컴마를 포함시키면 컴마 때문에 결과가 분리되지 않는다.

const targetStr = 'AA BB Aa Bb 24,000'; 

// '0' ~ '9'가 한번 이상 반복되는 문자열을 반복 검색 
const regexr = /[0-9]+/g; 
console.log(targetStr.match(regexr)); 

// [ '24', '000' ]

// '0' ~ '9' 또는 ','가 한번 이상 반복되는 문자열을 반복 검색 
const regexr = /[0-9,]+/g; 
console.log(targetStr.match(regexr)); 

// [ '24,000' ]

이것을 간단히 표현하면 아래와 같다. 

\d : 숫자를 의미. \D는 \d와 반대로 동작한다.

const targetStr = 'AA BB Aa Bb 24,000'; 

// '0' ~ '9' 또는 ','가 한번 이상 반복되는 문자열을 반복 검색 
let regexr = /[\d,]+/g; 
console.log(targetStr.match(regexr)); 

// [ '24,000' ] 

// '0' ~ '9'가 아닌 문자(숫자가 아닌 문자) 또는 ','가 한번 이상 반복되는 문자열을 반복 검색 
regexr = /[\D,]+/g; 
console.log(targetStr.match(regexr)); 

// [ 'AA BB Aa Bb ', ',' ]

\w : 알파벳과 숫자를 의미. \W는 \w와 반대로 동작한다.

const targetStr = 'AA BB Aa Bb 24,000'; 

// 알파벳과 숫자 또는 ','가 한번 이상 반복되는 문자열을 반복 검색 
let regexr = /[\w,]+/g; 
console.log(targetStr.match(regexr)); 

// [ 'AA', 'BB', 'Aa', 'Bb', '24,000' ] 

// 알파벳과 숫자가 아닌 문자 또는 ','가 한번 이상 반복되는 문자열을 반복 검색 
regexr = /[\W,]+/g; 
console.log(targetStr.match(regexr)); 

// [ ' ', ' ', ' ', ' ', ',' ]

• 자주 사용되는 특수 문자

Charater	Meaning
\d	숫자 문자에 대응됩니다. [0-9]와 동일합니다. 예를 들어, /\d/ 또는 /[0-9]/는 "B2 is the suite number."에서 '2'에 대응됩니다.
\D	숫자 문자가 아닌 문자에 대응됩니다. [^0-9]와 동일합니다.  예를 들어, /\D/ 또는 /[^0-9]/는 "B2 is the suite number."의 'B'에 대응됩니다.
\s	스페이스, 탭, 폼피드, 줄 바꿈 문자등을 포함한 하나의 공백 문자에 대응됩니다. [ \f\n\r\t\v\u00a0\u1680\u2000-\u200a\u2028\u2029\u202f\u205f\u3000\ufeff].와 동일합니다.  예를 들어, /\s\w*/는 "foo bar."의 ' bar'에 대응됩니다.
\S	공백 문자가 아닌 하나의 문자에 대응됩니다. [^ \f\n\r\t\v\u00a0\u1680\u2000-\u200a\u2028\u2029\u202f\u205f\u3000\ufeff]. 와 동일합니다.  예를 들어, /\S\w*/는 "foo bar."의 'foo' 에 대응됩니다.
\w	밑줄 문자를 포함한 영숫자 문자에 대응됩니다. [A-Za-z0-9_] 와 동일합니다. (역주: 여기에 대응되는 문자를 단어 문자라고 합니다.)  예를 들어, /\w/는 "apple,"의 'a' 에 대응되고, "$5.28,"의 '5'에 대응되고,"3D."의 '3'에 대응됩니다.
\W	단어 문자가 아닌 문자에 대응됩니다. [^A-Za-z0-9_] 와 동일합니다.  예를 들어, /\W/ 또는 /[^A-Za-z0-9_]/는 "50%."의 '%' 에 대응됩니다.

그 외의 모든 특수문자 목록

Character	Meaning
\	다음의 규칙에 따라 일치합니다: 특수 문자가 아닌 문자(non-special character) 앞에서 사용된 백슬래시는 '해당 문자는 특별하고, 문자 그대로 해석되면 안된다'는 사실을 가리킵니다. 예를 들어, 앞에 \가 없는 'b'는 보통 소문자 b가 나오는 패턴과 대응됩니다. 그러나 '\b' 자체는 어떤 문자와도 대응되지 않습니다; 이 문자는 특별한 단어 경계 문자를 형성합니다. 특수 문자 앞에 위치한 백슬래시는 '다음에 나오는 문자는 특별하지않고, 문자 그대로 해석되어야 한다'는 사실을 가리킵니다. 예를 들어, 패턴 /a*/ 에서의 특수문자 '*'는 0개 이상의 'a' 문자가 등장함을 나타냅니다. 이와는 다르게, 패턴 /a\*/ 는 '*'이 특별하지 않다는 것을 나타내며, 'a*'와 같은 문자열과 대응될 수 있습니다. RegExp("pattern") 표기를 쓰면서 \ 자체를 이스케이프 하는 것을 잊지 마세요. 왜냐하면 \ 는 문자열에서도 이스케이프 문자이기 때문입니다. (역주: /a\*/ 와 같은 패턴을 생성자로 만들려면 new RegExp('a\\*')와 같이 백슬래시 자체를 이스케이프 시켜주어야 합니다.)
^	입력의 시작 부분에 대응됩니다. 만약 다중행 플래그가 참으로 설정되어 있다면, 줄 바꿈 문자 바로 다음 부분과도 대응됩니다. 예를 들어, /^A/ 는 "an A" 의 'A'와는 대응되지 않습니다, 그러나 "An E" 의 'A'와는 대응됩니다. '^' 가 문자셋([abc]) 패턴의 첫 글자로 쓰인다면, 그 때는 전혀 다른 의미를 가집니다. 자세한 내용은 역 문자셋을 참고하세요.
$	입력의 끝 부분과 대응됩니다. 만약 다중행 플래그가 참으로 설정되어 있다면, 줄 바꿈 문자의 바로 앞 부분과도 대응됩니다. 예를 들어, /t$/ 는 "eater" 의 't'에는 대응되지 않습니다, 그러나 "eat" 과는 대응됩니다.
*	앞의 표현식이 0회 이상 연속으로 반복되는 부분과 대응됩니다. {0,} 와 같은 의미입니다. 예를 들어, /bo*/ 는 "A ghost booooed" 의 'boooo' 와 대응되고, "A bird warbled" 의 'b'에 대응되지만 "A goat grunted" 내의 어느 부분과도 대응되지 않습니다.
+	앞의 표현식이 1회 이상 연속으로 반복되는 부분과 대응됩니다. {1,} 와 같은 의미입니다. 예를 들어, /a+/ 는 "candy"의 'a'에 대응되고 "caaaaaaandy" 의 모든 'a'들에 대응되지만, "cndy" 내의 어느 부분과도 대응되지 않습니다.
?	앞의 표현식이 0 또는 1회 등장하는 부분과 대응됩니다. {0,1} 와 같은 의미입니다. 예를 들어, /e?le?/ 는 "angel"의 'el' 에 대응되고, "angle"의 'le' 에 대응되고 또한 "oslo" 의 'l'에도 대응됩니다. 만약 수량자 *, +, ?, {} 바로 뒤에 사용하면, 기본적으로 탐욕스럽던(가능한 한 많이 대응시킴) 수량자를 탐욕스럽지 않게(가능한 가장 적은 문자들에 대응시킴) 만듭니다. 예를 들어, /\d+/를 "123abc"에 적용시키면 "123"과 대응됩니다. 그러나 /\d+?/를 같은 문자열에 적용시키면 오직 "1"과만 대응됩니다. 또한 이 문자는 x(?=y) 와 x(?!y) 항목에서 설명하는 바와 같이 사전 검증(lookahead assertion)을 위해서도 쓰입니다.
.	개행 문자를 제외한 모든 단일 문자와 대응됩니다. 예를 들어, /.n/는 "nay, an apple is on the tree"에서 'an'과 'on'에 대응되지만, 'nay' 에는 대응되지 않습니다.
(x)	다음의 예제가 보여주는것 처럼 'x'에 대응되고, 그것을 기억합니다. 괄호는 포획 괄호(capturing parentheses)라 불립니다. 패턴 /(foo) (bar) \1 \2/ 안의 '(foo)' 와 '(bar)'는 문자열"foo bar foo bar"에서 처음의 두 단어에 대응되고 이를 기억합니다. 패턴 내부의 \1와 \2는 문자열의 마지막 두 단어에 대응됩니다. (역주: \n 패턴은 앞의 n번째 포획괄호에 대응된 문자열과 똑같은 문자열에 대응됩니다.) \1, \2, \n과 같은 문법은 정규식의 패턴 부분에서 사용됩니다. 정규식의 치환 부분에서는 $1, $2, $n과 같은 문법이 사용되어야 합니다. 예를 들어, 'bar foo'.replace( /(...) (...)/, '$2 $1')와 같이 사용되어야 합니다. $& 패턴은 앞에서 대응된 전체 문자열을 가리킵니다.
(?:x)	'x'에 대응되지만 대응된 것을 기억하지 않습니다. 괄호는 비포획 괄호(non-capturing parentheses)라고 불리우고, 정규식 연산자가 같이 동작할 수 있게 하위 표현을 정의할 수 있습니다. 정규식 예제 /(?:foo){1,2}/을 생각해보세요. 만약 정규식이 /foo{1,2}/라면, {1,2}는 'foo'의 마지막 'o' 에만 적용됩니다. 비포획 괄호과 같이 쓰인다면, {1,2}는 단어 'foo' 전체에 적용됩니다.
x(?=y)	오직 'y'가 뒤따라오는 'x'에만 대응됩니다. 이것은 lookahead 라고 불립니다. 예를 들어, /Jack(?=Sprat)/ 는 'Sprat'가 뒤따라오는 'Jack' 에만 대응됩니다. /Jack(?=Sprat|Frost)/는 'Sprat' 또는 'Frost'가 뒤따라오는 'Jack'에만 대응됩니다. 그러나, 'Sprat' 및 'Frost' 는 대응 결과의 일부가 아닙니다.
x(?!y)	'x'뒤에  'y'가 없는경우에만 'x'에 일치합니다. 이것은 negated lookahead 라고 불립니다. 예를 들어, /\d+(?!\.)/는 소숫점이 뒤따라오지 않는 숫자에 일치합니다. 정규식 /\d+(?!\.)/.exec("3.141")는 '3.141' 이 아닌 '141'에 일치합니다.
x|y	'x' 또는 'y'에 대응됩니다. 예를 들어, /green|red/는 "green apple"의 'green'에 대응되고, "red apple."의 'red'에 대응됩니다.
{n}	앞 표현식이 n번 나타나는 부분에 대응됩니다. n은 반드시 양의 정수여야 합니다. 예를 들어, /a{2}/는 "candy,"의 'a'에는 대응되지 않지만, "caandy,"의 모든 a 와, "caaandy."의 첫 두 a 에는 대응됩니다.
{n,m}	n과 m은 양의 정수이고, n <= m를 만족해야 합니다. 앞 문자가 최소 n개, 최대 m개가 나타나는 부분에 대응됩니다. m이 생략된다면, m은 ∞로 취급됩니다. 예를 들어, /a{1,3}/는 "cndy"에서 아무것에도 대응되지 않지만, "caandy,"의 첫 두 a 와 "caaaaaaandy"의 첫 세 a 에 대응됩니다. "caaaaaaandy"에서 더 많은 a 들이 있지만, "aaa"에만 대응된다는 점에 주목하세요.
[xyz]	문자셋(Character set) 입니다. 이 패턴 타입은 괄호 안의 어떤 문자(이스케이프 시퀀스까지 포함)와도 대응됩니다. 점(.) 이나 별표 (*) 같은 특수 문자는 문자셋 내부에서는 특수 문자가 아닙니다. 따라서 이스케이프시킬 필요가 없습니다. 하이픈을 이용하여 문자의 범위를 지정해줄 수 있습니다. 예를 들어, 패턴 [a-d] 는 패턴 [abcd] 와 똑같이 동작하며, "brisket"의 'b' 에 일치하고, "city"의 'c' 에 일치합니다. 패턴 /[a-z.]+/ 와 /[\w.]+/ 는 "test.i.ng" 전체 문자열이 일치합니다.
[^xyz]	부정 문자셋(negated character set) 또는 보충 문자셋(complemented character set)입니다. 괄호 내부에 등장하지 않는 어떤 문자와도 대응됩니다. 하이픈을 이용하여 문자의 범위를 지정할 수 있습니다. 일반적인 문자셋에서 작동하는 모든 것은 여기에서도 작동합니다. 예를 들어, 패턴[^abc]는 패턴[^a-c]와 동일합니다. 두 패턴은 "brisket"의 'r', "chop."의 'h' 에 대응됩니다.
[\b]	백스페이스(U+0008)에 대응됩니다. 이와 같이, 백스페이스 문자 리터럴에 대응시키려면, 대괄호("[]")를 이용해야만 합니다. (\b와 혼동하지 마세요.)
\b	단어 경계에 대응됩니다. 단어 경계는 다른 '단어 문자'가 앞이나 뒤에 등장하지 않는 위치에 대응됩니다. 단어의 경계는 대응 결과에 포함되지 않는다는 사실에 주의하세요. 다른 말로는, 단어의 경계에 대응되는 문자열의 길이는 항상 0입니다. (패턴 [\b]와 혼동하지 마세요.) 예제: /\bm/는 "moon"의 'm'에 대응됩니다; /oo\b/ 는 "moon"의 'oo' 부분에 대응되지 않는데, 왜냐하면 'oo'를 뒤따라오는 'n'이 단어 문자이기 때문입니다; /oon\b/는 "moon"의 'oon'에 대응됩니다. 왜냐하면, 'oon'은 문자열의 끝이라서, 뒤따라오는 단어 문자가 없기 때문입니다 ; /\w\b\w/는 어떤 것에도 일치하지 않습니다. 왜냐하면, 단어 문자는 절대로 비 단어 문자와 단어 문자 두개가 뒤따라올수 없기 때문입니다. 숙지하세요: 자바스크립트의 정규식 엔진은 특정 문자 집합을 '단어 문자'로 정의합니다. 이 집단에 속하지 않는 모든 문자는 단어 분리(word break) 로 여겨집니다. 단어 문자로 간주되는 문자들은 얼마 없습니다: 오로지 로마자 소문자와 대문자, 10진수 숫자, 밑줄 문자로 구성되어 있습니다. "é" 또는 "ü" 같이, 강세 표시 문자들은 안타깝게도 단어 분리(word breaks) 로 취급됩니다.
\B	단어 경계가 아닌 부분에 대응됩니다. 아래와 같은 경우들이 있습니다: 문자열의 첫 번째 문자가 단어 문자가 아닌 경우, 해당 문자의 앞 부분에 대응됩니다. 문자열의 마지막 문자가 단어 문자가 아닌 경우, 해당 문자의 뒷 부분에 대응됩니다. 두 단어 문자의 사이에 대응됩니다. 단어 문자가 아닌 두 문자 사이에 대응됩니다. 빈 문자열에 대응됩니다. 문자열의 시작 부분과 끝 부분은 단어가 아닌 것으로 간주됩니다. 예를 들어, /\B../ 는 "noonday"의 'oo'와 대응되며, /y\B./ 는 "possibly yesterday."의 'ye'와 대응됩니다.
\cX	문자열 내부의 제어 문자에 대응됩니다. 여기서 X는 A에서 Z까지의 문자 중 하나입니다. 예를 들어, /\cM/는 문자열에서 control-M (U+000D)에 대응됩니다.
\f	폼피드 (U+000C) 문자에 대응됩니다.
\n	줄 바꿈 (U+000A) 문자에 대응됩니다.
\r	캐리지 리턴(U+000D) 문자에 대응됩니다.
\t	탭 (U+0009) 문자에 대응됩니다.
\v	수직 탭(U+000B) 문자에 대응됩니다.
\n	정규식 내부의 n번째 괄호에서 대응된 부분에 대한 역참조 입니다. 여기서, n은 양의 정수입니다. 예를 들어, /apple(,)\sorange\1/는 "apple, orange, cherry, peach."의 'apple, orange,' 에 일치합니다.
\0	널 (U+0000)문자에 대응합니다. 이 때 다른 숫자를 뒤에 쓰지 마세요. 왜냐하면 \0<digits>는 8진 이스케이프 시퀀스이기 때문입니다.
\xhh	코드가 hh(두 16진 숫자)인 문자에 일치합니다.
\uhhhh	코드가 hhhh(네개의 16진 숫자)인 문자에 일치합니다.

 

 

4. 그룹

• JavaScript는 정규 표현식, 캡처 그룹 , 비 캡처 그룹 및 미리보기 의 몇 가지 유형의 그룹을 지원한다.
• 그룹을 사용하면 하위 표현식을 만들고, 단위 하나로 취급할 수 있다.

 

4-1) 그룹화

표현식의 일부를 패턴 ()로 묶어주어 그 안의 식이 더 높은 우선순위를 갖도록 한다. 

 

예제) 표현식 ko+는 "k"를 검색하고 "o"를 1회 이상 연속으로 반복되는 문자로 검색한다. 
하지만 표현식 (ko)+는 "k"와 "o"를 그룹화했기 때문에 "ko"를 1회 이상 연속으로 반복되는 문자로 검색한다.

const ko = 'kokokoko'; 
const koooo = 'kooookoooo'; 

#그룹화 O
ko.match(/ko+/); 
// ["ko", index: 0, input: "kokokoko", groups: undefined] 

koooo.match(/ko+/); 
// ["koooo", index: 0, input: "kooookoooo", groups: undefined] 


#그룹화 X
ko.match(/(ko)+/); 
// ["kokokoko", "ko", index: 0, input: "kokokoko", groups: undefined] 

koooo.match(/(ko)+/); 
// ["ko", "ko", index: 0, input: "kooookoooo", groups: undefined] 

그렇다면 위 예제에서 패턴 ()를 사용한 정규식들은 결과를 플래그 g를 사용하지 않았는데 어떻게 2개의 결과가 나왔을까? - 캡처 기능

4-2) 캡처(capturing)

• 패턴 ()는 괄호 안에 있는 표현식을 캡처(복사본)하여 사용한다.
• 그룹에 일치하는 결과를 나중에 쓸 수 있도록 캡쳐가능하다.
• 하지만, 캡쳐하는 그룹을 사용하면 사용하지 않는 그룹을 사용할 때보다 성능이 떨어진다.