[JSP] 정규표현식 (ES6)

정규표현식/정규식이란? (Regular Expressions)

* 주로 문자열의 검색과 치환을 위해 패턴을 만들고 사용한다.

* 자바스크립트뿐만 아니라 닷넷, 자바, 파이썬, C 등 대부분의 언어에서 표준 라이브러리로 제공한다.

 

정규식의 매개변수 구성

1. 패턴(pattern) : 필수 실행하고자 하는 정규식의 표현이 들어가는 부분

2. 플래그(flags) : 선택 정규식 실행에 필요한 옵션으로 없어도 된다.

 

정규식의 선언

* 정규식은 /패턴/플래그  또는  new RegExp(패턴, 플래그)로 선언할 수 있다.

letregExp1 = /pattern/flags; letregExp2 = newRegExp("pattern", "flags");

 

* 예시) start 문자열을 찾는 표현식 선언 

letregExp1 = /(start)/g;  letregExp1 = newRegExp("(start)", "g");

 

정규식의 사용

1) 정규식 . 메서드 (테스트값)

 

* 위에서 선언한 정규식은 test와 exec 메서드를 사용할 수 있다.

정규식.test( 테스트값 );   // 일치여부 리턴 true, false정규식.exec( 테스트값 );   // 실행 결과의 배열 리턴

 

* 예시) 위에서 선언한 regExp1을 실행 (테스트값에서 start 문자열 검색)

regExp1.test("start example입니다.");// trueregExp1.test("example2 end");   // falseregExp1.exec("start example입니다.");   // ["start"]regExp1.exec("start example2 start");   // ["start"], ["start"]

 

2) 문자열 . 메소드 (정규식)

 

* 위에서 선언한 정규식은 match와 replace 등의 문자열 메소드에서도 사용할 수 있다.

"문자열".match(정규식);  // 실행 결과의 배열 리턴"문자열".replace(정규식, "치환문자열");  // 일치 결과를 치환하여 리턴"문자열".split(정규식); // 문자열 전체를 정규식 기준으로 나누어 배열로 리턴

 

* 문자열의 메서드를 사용하면서 정규식을 함께 사용 가능하다. 

"start example 입니다".match(regExp1)  // ["start"]"start example2 start".replace(regExp1, "end");   // "end example2 end""start example2 end".split(regExp1, "start");   // ["start"], ["example2 end"]

 

정규식 패턴의 종류 (pattern)

1) 문자열(숫자) 검색

패턴	설명
^문자열	문자열로 시작됨
문자열$	문자열로 끝남
[문자열]	문자 중 하나(문자열 아니고 문자 단위)
[^문자열]	문자 제외(문자열 아니고 문자 단위)
(문자열)	문자열 검색
|	OR
a-zA-Zㄱ-ㅎ가-힣0-9	영문, 한글, 숫자 검색범위
.	모든 문자열
\d	숫자
\D	숫자 제외
\w	영어, 숫자, 언더바
\W	영어, 숫자, 언더바 제외
\s	공백
\S	공백 제외
\특수문자	특수문자
\b	문자열 처음과 끝
\B	문자열 처음과 끝 제외
\n	줄바꿈
\0	Null
\t	탭

 

 

2) 패턴의 개수

패턴	설명
?	0 또는 1번
+	1번 이상
*	0번 이상
{n}	n개
{0, 9}	0개 부터 9개 사이

 

 

정규식 플래그의 종류 (flags)

플래그	설명
g	문자열 전체 반복 검색 (Global)
i (Ignore Case)	대소문자 무시 (Ignore Case)
m (Multi Line)	다중행 검색 (Multi Line)
s (Single Line)	문자열 줄바꿈 허용된 모든 문자 검색(Single Line)
u (Unicode)	유니코드를 시퀀스로 처리 (Unicode)
y (Sticky)	lastIndex에 명시한 위치부터 판별 (Sticky)

* 주로 gi를 많이 사용. /정규식/gim과 같이 나열해서 중복 적용 가능

 

자주 쓰는 정규표현식 

구분	정규표현식	설명
휴대폰번호	/^010-?([0-9]{3,4})-?([0-9]{4})$/;	010 시작 - 0또는1번 3~4자리 숫자 - 0또는1번 4자리 숫자 끝
주민번호	/^([0-9]{6})-?([0-9]{7})$/	6자리 숫자 시작 - 0또는1번 7자리 숫자 끝
이메일 웹사이트주소	/^[\w]+\@[\w]+\.[a-zA-Z]{2,3}$/i	영문숫자언더바 시작 1번이상 @ 1번 영문숫자언더바 시작 1번이상 . 1번 영문 2~3자리 끝 (flag i) 대소문자 무시
특수문자 체크	/\특수문자 나열/g /[^a-zA-Z0-9ㄱ-ㅎㅏ-ㅣ가-힣]/g	특수문자 검색
	/[\{\}\[\]\/?.,;:|\)*~`!^\-_+<>@\#$%&\\\=\(\'\"]/gi	특수 문자 검색

* 위는 예시일 뿐 표현할 방법은 다양하다.

* [0-9]는 \d로 변경 가능

 

사용예

const regExp = str => {
// 특수문자
    let reg = /[\{\}\[\]\/?.,;:|\)*~`!^\-_+<>@\#$%&\\\=\(\'\"]/gi;
    if(reg.test(str)) // 특수문자가 있으면 체크
    {
	    return str.replace(reg,"")
    } else {
	    return str;
    }
}
  // 공백체크
  let ret = /\s/g;
  // 숫자만 체크
  let ret = /^[0-9]+$/;
  // 이메일 체크
  let ret = /^[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z]*@[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*\.[a-zA-z]{2,3}$i;
  // 핸드폰 번호 체크
  let ret = /^\d{3}-\d{3,4}-\d{4}$/;
  // 일반 전화 번호 체크
  let ret = /^d{2,3}-\d{3,4}-\d{4}$/;
  // 아이디 또는 비밀번호 ( 영문, 숫자만 사용 최소 4글자 최대 20글자)
  let ret = /^[a-z0-9_]{4,20}$/;
  // 휴대폰 번호
  let ret = /^01(0|1|6|7|8|9|?)-?([0-9]{3,4}-?([0-9]{4}$/;
  // 년월일 (2000-11-12)
  let ret = /^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01])$/