자바스크립트 정규표현식 RegExp

📌  정규 표현식 ?

 

일정한 패턴을 가진 문자열의 집합을 표현하기 위해 사용하는 형식 언어formal language이다.

자바스크립트의 고유 문법은 아니다. 대부분의 프로그래밍 언어와 코드 에디터에 내장되어 있다.

정규표현식은 문자열을 대상으로 패턴 매칭 기능을 제공하기 때문에 반복문이나 조건문을 사용하지 않고도 간단히 체크할 수 있다.

다만, 여러가지 기호를 혼합하여 사용하기 때문에 가독성이 좋지 않다. ^!^

 

 

📌  정규 표현식 생성

 

◾  정규 표현식 리터럴

 

정규 표현식 리터럴

 

const target = 'Is this all there is?';

// 패턴: is
// 플래그: i => 대소문자를 구분하지 않고 검색한다.
const regexp = /is/i;

// test 메서드
// target 문자열에 대해 정규 표현식의 패턴을 검색하여 매칭 결과를 boolean값으로 반환한다.
regexp.test(target);  // true

 

 

◾  RegExp 생성자 함수

 

 

정규 표현식 생성자 함수

 

const target = 'Is this all there is?';

const regexp = new RegExp(/is/i);
// const regexp = new RegExp(/is/, 'i');
// const regexp = new RegExp('is', 'i');

regexp.test(target);  // true

 

 

📌  플래그 flag

 

플래그	의미	설명
i	Ignore case	대소문자를 구별하지 않고 패턴을 검색한다
g	Global	패턴과 일치하는 문자열을 ❗전역적❗으로 검색한다.
m	Multi line	문자열의 행이 바뀌더라도 패턴 검색을 계속한다.
s	Dotall	.이 개행문자 \n 도 포함하여 검색하게끔 한다. (원래는 \n 검색 안됨)
u	Unicode	유니코드 관련 기능을 활성화시켜 검색한다.
y	stickY	문자열 내 특정 위치에서 검색을 진행한다. (feat. regexp.lastIndex)

 

 

📌  패턴 pattern

 

◾  문자열 검색

 

const target = 'Is this all there is?';

const regExp = /is/;

regExp.test(target);
// target과 정규 표현식이 매치하는지 테스트한다.
// true

target.match(regExp);
// target과 정규 표현식의 매칭 결과를 구한다.
// ['is', index: 5, input: 'Is this all there is?', groups: undefined]

const target = 'Is this all there is?';

const regExp = /is/i;

target.match(regExp);
// ['Is', index: 0, input: 'Is this all there is?', groups: undefined]

const target = 'Is this all there is?';

const regExp = /is/ig;

target.match(regExp);
// ['Is', 'is', 'is']

 

 

◾  임의의 문자열 검색

 

✔  ...

 

const target = 'Is this all there is?';

const regExp = /.../g;
// .이 3개 -> 임의의 3자리 문자열을 (대소문자 구별하여) 전역 검색한다.

target.match(regExp);
// ['Is ', 'thi', 's a', 'll ', 'the', 're ', 'is?']

 

 

◾  반복 검색

 

✔  {n}

 

const target = 'A AA B BB Aa Bb AAA';

const regExp = /A{1,2}/g;
// 'A'가 최소 1번 && 최대 2번 반복되는 문자열을 전역 검색한다.
// {n}은 앞선 패턴이 n번 반복되는 문자열을 의미한다. {n} === {n,n}

target.match(regExp);
// ['A', 'AA', 'A', 'AA', 'A']

const target = 'A AA B BB Aa Bb AAA';

const regExp = /A{2}/g;
// 'A'가 2번 반복되는 문자열을 전역 검색한다.

target.match(regExp);
// ['AA', 'AA']

const target = 'A AA B BB Aa Bb AAA';

const regExp = /A{2,}/g;
// 'A'가 2번 "이상" 반복되는 문자열을 전역 검색한다.
// {n,}은 앞선 패턴이 최소 n번 이상 반복되는 문자열을 의미한다.

target.match(regExp);
// ['AA', 'AAA']

 

✔  +

 

const target = 'A AA B BB Aa Bb AAA';

const regExp = /A+/g;
// 'A'가 최소 1번 이상 반족되는 문자열을 전역 검색한다.
// +는 앞선 패턴이 최소 한번 이상 반복되는 문자열을 의미한다. + === {1,}

target.match(regExp);
// ['A', 'AA', 'A', 'AAA']

 

✔  ?

 

const target = 'color colour colouuuuur';

const regExp = /colou?r/g;
// 'colo' 다음 'u'가 최대 1번 이상(0번 or 1번) 반복되고 'r'이 이어지는 문자열을 전역 검색한다.
// ?는 앞선 패턴이 최대 1번(0번 포함) 이상 반복되는 문자열을 의미한다.

target.match(regExp);
// ['color', 'colour']

 

 

◾  OR 검색

 

✔  |

 

const target = 'A AA B BB Aa Bb';

const regExp = /A|B/g;
// 'A' 또는 'B'를 전역 검색한다.
// |는 or의 의미를 가진다.

target.match(regExp);
// ['A', 'A', 'A', 'B', 'B', 'B', 'A', 'B']

const target = 'A AA B BB Aa Bb';

const regExp = /A+|B+/g;
// 'A' 또는 'B'가 1번 이상 반복되는 문자열을 전역 검색한다.
// 분해되지 않은 단어 레벨로 검색하기 위해서는 +를 함께 사용한다.

target.match(regExp);
// ['A', 'AA', 'B', 'BB', 'A', 'B']

 

✔  [ ]

 

const target = 'A AA B BB Aa Bb';

const regExp = /[AB]+/g;
// 'A' 또는 'B'가 1번 이상 반복되는 문자열을 전역 검색한다.
// [] 내의 문자는 or로 동작한다. 뒤에 +를 더하면 앞선 패턴을 한번 이상 반복한다.

target.match(regExp);
// ['A', 'AA', 'B', 'BB', 'A', 'B']

const target = 'A AA BB ZZ Aa Bb';

const regExp = /[A-Z]+/g;
// 'A' ~ 'Z'가 1번 이상 반복되는 문자열을 전역 검색한다.

target.match(regExp);