0. 형식
"/패턴/플래그"
패턴 : 매칭 or 검색하고자 하는 문자열 조건을 기재.
플래그 : 조건에 추가적인 옵션 부여
1. 사용방식
다음의 메서드에서 정규표현식을 입력하여 사용.
Method | Description |
("문자열").match("정규표현식") | 문자열 내 정규표현식 일치하는 부분을 배열로 반환. |
("문자열").replace("정규표현식", "대체문자열") | 문자열 내 정규표현식 일치하는 부분을 대체문자열로 변환. |
("문자열").split("정규표현식") | 문자열 내 정규표현식 일치하는 부분을 나누어 배열로 반환. |
("정규표현식").test("문자열") | 문자열이 정규표현식과 일치할 경우 True 반환. |
2. 패턴 (문자열 조건)
아래의 패턴을 정규표현식에 입력하여 조건 생성.
Pattern | Description |
Example |
a-zA-z | 영어 알파벳 대소문자 | "/a-z/" |
ㄱ-ㅎ가-힣 | 한글 글자 및 단어 | "/ㄱ-ㅎ/" |
0-9 | 숫자 | "/0-9/" |
. | 모든 문자열(영어 대소문자, 한글, 숫자, 특수문자, 공백 등) | "/./" |
\d | 숫자 | "/\d/" |
\D | 숫자 제외 | "/\D/" |
\w | 숫자, 영어 알파벳, 언더스코어(_) | "/\w/" |
\W | \w를 제외한 모든 것 | "/\W/" |
\s | 공백 | "/\s/" |
\S | 공백 제외 | "/\S/" |
\특수문자 | 특수문자 | "/\-_=+/" |
3. 패턴 (검색 조건)
찾아볼 문자열 조건과 더불에 검색 조건을 생성.
2에서 ~~한 문자열을 찾아줘를 기재했다면, 여기선 ~~한 방법으로 찾아줘를 기재
Pattern | Description | Example |
| | OR. 여러개의 조건을 동시에 사용. | "/^$|\d/" |
^문자열 | 입력된 문자열로 시작 | "/^a/" |
문자열$ | 입력된 문자열로 종료 | "/z$/" |
[문자열] | 괄호 안의 문자열 포함 | "/[w]/" |
[^문자열] | 괄호 안의 문자열 제외 | "/[^w]/" |
4. 패턴 (수량 표현)
문자열의 개수 또는 수량에 대한 조건을 생성.
pattern | Description | Example |
* | 있거나 없거나 | "/a*/" |
? | 없거나 한 개 | "/a?/" |
+ | 한 개 이상 | "/a+/" |
{n} | n개 | "/a{3}/" |
{Min,} | 최소 Min개 | "/a{2,}/" |
{Min, Max} | 최소 Min개, 최대 Max개 | "/a{2,4}/" |
5. 플래그
Flag | Description | Example |
g | Global. 모든 문자 검색. | "/^[a-zA-z]/g" |
i | Ignore. 대소문자 구분 X. | "/^[a-z]|[A-z]$/gi" |
m | Multi LIne. 여러 행의 문자열 동시 검색. | "/^[a-z]/m" |
'Programming > Javascript' 카테고리의 다른 글
[Tip] 구글 애드센스(AdSense) Height Auto Important 강제 적용 해제 (0) | 2024.01.27 |
---|---|
[JS] 순열 / 중복순열 / 조합 / 중복조합 (0) | 2022.08.10 |
[React] 컴포넌트(Component) Fade In/Fade Out 구현 (0) | 2022.08.03 |
[React] 'react-scripts'은(는) 내부 또는 외부 명령 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. (0) | 2022.08.03 |
[React] Modal 만들기 (React-Modal 사용 X) (0) | 2022.02.26 |
댓글