정규표현식이란 문자열을 검색하고 대체하는 데 사용 가능한 일종의 형식 언어다.
간단한 문자 검색부터 이메일, 패스워드 검사등의 복잡한 문자 일치 기능 등을 정규식 패턴으로
빠르게 수행할 수 있다.
# 정규표현식(EegExp)
정규식, Regular Expression
## 역할
- 문자 검색(search)
- 문자 대체(replace)
- 문자 추출(extract)
## 테스트 사이트
<https://regexr.com/>
## 정규식 생성
```js
// 생성자
new RegExp('표현', '옵션')
new RegExp('[a-z]', 'gi')
// 리터럴
/표현/옵션
/[a-z]/gi
예제 문자
const str = `
010-1234-5678
[email protected]
<http://www.omdbapi.com/?apikey=7035c60c&s=frozen>
The quick brwon fox jumps over the lazy dog.
abbcccdddd
`;
메소드
| 메소드 |
문법 |
설명 |
| 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? |
b가 없거나 b와 일치 |
| {3} |
3개 연속 일치 |
| {3,} |
3개 이상 연속 일치 |
| {3,5} |
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 |
숫자(Digit)에 일치 |
| \s |
공백(Space, Tab 등)에 일치 |
| (?=) |
앞쪽 일치(Lookahead) |
| (?<=) |
뒤쪽 일치(Lookbehind) |
```jsx
const str = `
010-1234-5678
[email protected]
<http://www.omdbapi.com/?apikey=7035c60c&s=frozen>
The quick brwon fox jumps over the lazy dog.
abbcccdddd
`;
let regexp = /fox/gi;
// console.log(regexp.test(str)); // true
// regexp = /MALZA/gi;
// console.log(regexp.test(str)); // false
// console.log(str.replace(regexp, 'AAA'));
// console.log(str); // 원본이 바뀌지는 않았다. 결과를 다시 str 에 넣어주면 된다.
// ----------------------------------------------------------------------------------
// 정규표현식에서 기능으로 해석이 되는 특수문자의 앞에는 \ 를 붙여준다.
// . 을 찾아본다.
console.log(str.match(/\./gi)); // 4개 나온다.
// $ sign 앞에 있는 하나의 단어로 해당하는 줄이 끝나는 부분을 찾아서 끝나는 부분을 일치시킨다.
// 문장의 끝 지점을 의미하므로 현재 문장에서 ` 기호 앞은 아무것도 없다.
console.log(str.match(/\.$/gi)); // null 이 나온다.
console.log(str.match(/\.$/gim)); // 각 줄에서 마침표를 찾아준다. 하나가 나온다. dog.
// g flag 는 전체적으로 찾는것이다. 줄 마다 보는 것이 아니다.
// m flag 는 각 줄마다 찾는 것이다.
console.log(str.match(/h../g)); // ["h04", "htt", "he ", "he "]
console.log(str.match(/fox|dog/g)); // ["fox", "dog"]
console.log(str.match(/https?/g)); // ["http"]
console.log(str.match(/d{2}/g)); // ["dd", "dd"]
console.log(str.match(/d{2,}/g)); // ["dddd"]
console.log(str.match(/d{2,3}/g)); // ["ddd"]
console.log(str.match(/\b\w{2,3}\b/g)); // \w : 숫자를 포함한 알파벳
// \b \b : 앞뒤에 숫자나 알파벳이 아닌 경우에 가져온다.
// ["010", "com", "www", "com", "The", "fox", "the", "dog"]
console.log(str.match(/[fox]/g)); // f, o, x 하나씩 다 찾는다.
console.log(str.match(/[0-9]{1,}/g));
// 0~9 까지 숫자중 1개 이상 연속되는 모든것들
// 010, 1234, 5678 등
console.log(str.match(/[a-z]{1,}/g));
// a~z 까지 알파벳중 1개이상 연속되는 모든것들
console.log(str.match(/\bf\w{1,}\b/g)); // ["frozen", "fox"]
console.log(str.match(/.{1,}(?=@)/g));
console.log(str.match(/(?<=@).{1,}/g));