정규표현식 (RegExp)
정규식, Regular Expression
역할
테스트 사이트
https://regexr.com/
정규식 생성
//생성자
new RegExp('표현'.'옵션');
new RegExp('[a-z]'.'gi');
//리터럴
/표현/옵션
/[a-z]/gi
예제 문자
const str = `
010-1234-1234
aaathe@naver.com
The quick brown fox jumps over the lazy dog.
aaabbcccddddaaathe.
`;
메소드
메소드 |
문법 |
설명 |
test |
정규식.test(문자열) |
일치여부 (Boolean) 반환 |
match |
문자열.match(정규식) |
일치하는 문자의 배열 반환 |
replace |
문자열.replace(정규식,대체문자) |
일치하는 문자를 대체 |
EX
const regexp = /fox/gi
console.log(regexp.test(str));
//결과값 true
const regexp = /fox/gi
console.log(str.replace(regexp,'AAA'));
console.log(str);
//결과값 1: 010-1234-1234 aaathe@naver.com The quick brown AAA jumps over the lazy dog aaabbcccddddaaathe
// 결과값 2 :010-1234-1234 aaathe@naver.com The quick brown fox jumps over the lazy dog aaabbcccddddaaathe
플래그 옵션
플래그 |
설명 |
g |
모든 문자 일치 (global) |
i |
영어 대소문자를 구분 않고 일치 |
m |
여러 줄 일치 (multi line) |
패턴(표현)
패턴 |
설명 |
^ab |
줄(Line) 시작에 있는 ab와 일치 |
ab$ |
줄(Line) 끝에 있는 ab와 일치 |
. |
임의의 한 문자와 일치 |
a | b |
a 또는 b와 일치 |
ab? |
b가 없거나 b와 일치 |
{3} |
3개 연속 일치 |
{3,} |
3개 이상 연속 일치 |
{3,5} |
3개 이상 5개 이하 연속 일치 |
[abc] |
a 또는 b 또는 c |
[a-z] |
a부터 z 사이의 문자 구간에 일치 (영어 소문자) |
[A-Z] |
A부터 Z 사이의 문자 구간에 일치 (영어 대문자) |
[0-9] |
0부터 9 사이의 문자 구간에 일치 (숫자) |
[가-힣] |
가부터 힣 사이의 문자 구간에 일치 (한글) |
\W |
63개 문자 (Word, 대소영문52개 + 숫자 10개 +_)에 일치 |
\b |
63개 문자에 일치하지 않는 문자 경계(Boundary) |
\d |
숫자에 일치 |
\s |
공백(Space, Tap 등)에 일치 |
(?=) |
앞쪽 일치 |
(?<=) |
뒤쪽 일치 |
EX
console.log(str.match(/\bf\w{1,}\b/g))
//문자에 일치하지 않는 부분, f 부터 시작해서 하나이상의 문자 다시 문자에 일치 하지 않는 부분까지 값을 가져올 수 있다.
//앞쪽 일치를 활용한 이메일 앞 아이디 추출
console.log(
str.match(/.{1,}(?=@)/g)
)
//앞쪽 일치를 활용한 이메일뒤 주소 추출
console.log(
str.match(/(?<=@).{1,}/g)
)