: Regular Expression
🌟 1.생성자
new RefExp('표현', '옵션') new RefExp('[a-z]', 'gi')
🌟 2.리터럴
➡️ 주로 리터럴 방식을 사용한다고 한다!
/표현/옵션 /[a-z]/gi
메소드 | 문법 | 섦명 |
---|---|---|
test | 정규식.test(문자열) | 일치여부(Boolean) 반환 |
match | 문자열.match(정규식) | 일치하는 문자의 배열 (Array) |
replace | 문자열 .replace(정규식, 대체문자) | 일치하는 문자를 대체 |
플래그 | 설명 |
---|---|
g | 모든 문자 일치 (global) |
i | 영어 대소문자를 구분 않고 일치 (ignore case) |
m | 여러 줄 일치 (multi line) |
패턴 | 설명 |
---|---|
^ab | 줄(Line) 시작에 있는 ab와 일치 |
ab$ | 줄(Line) 끝에 있는 ab와 일치 |
. | 임의의 한 문자와 일치 |
a|b | a또는 b와 일치 |
ab? | a가 아니라 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개 문자에 일치하지 않는 문자 경계 |
\d | 숫자(Digit)에 일치 |
\s | 공백(Space, Tab 등)에 일치 |
(?=) | 앞쪽일치(lookahead) |
(?<=) | 뒤쪽일치(lookbehind |
const str=`
010-1234-5678
thesecon@gmail.com
The quick brown fox jumps over the lazy dog
abbcccdddd
https//localhost.1234
http//www.naver.com
`
: 줄 끝에 있는 ab와 일치한다.
해설 : 한줄의 끝부분이 d자로 끝나는 문자
console.log( str.match(/d$/g) ) /* 답이 abbcccdddd일 것 같지만 한줄의 시작과 끝이 abbcccdddd가 아닌 백틱 기준으로 한다. 그러므로 옵션에 m을 추가해서 줄바꿈을 기준으로 문장의 시작과 끝을 각각 지정해준다.*/ console.log( str.match(/d$/gm) ) //abbcccdddd
console.log( str.match(/q...k/g) ) //quick
: a 또는 b와 일치
console.log( str.match(/fox|dog/g) ) //둘 다 있을 경우 둘 중 먼저 찾아지는 것을 반환한다.
: b가 없거나 b와 일치 (즉, b가 있을 수도 있고 없을 수도 있고!)
console.log( str.match(/https?/gi) ) // b는 s이고 s가 있을 수도 있고 없을 수도 있고 즉 http와 https 모두 반환
: n개 연속 일치
console.log( str.match(/d{2}/) //dd ) //d가 2번 연속일치 console.log( str.match(/d{2}/g) //dd, dd ) //d가 2번 연속일치하는 모든 문자
: n개 이상 연속 일치
console.log( str.match(/d{2,}/) //dddd )
: 앞쪽 패턴 일치
console.log( str.match(/.{1,}(?=@)/g) ) //thesecon
: 뒤쪽 패턴 일치
console.log( str.match(/(?<=@).{1,}/g) ) //gmail.com
위에서 찾고 싶은 문자가 있을 때 문자나 알파벳을 먼저 직접 적는 것과 \w
을 적는 것의 차이는 뭘까?