[JavaScript] 08. 정규식

정규식 

유효성 검사를 할 때 가장 많이 사용되는 것 

사용 방법을 알고 있으면 어렵지 않게 사용 가능

경우에 따라서는 정규식이 아닌 방법을 사용해야 하는 일이 있을 수 있음

 

 

정규식 생성 방법 

RegExp 객체 생성

생성자 방식

var 변수 = new RegExp(pattern[, flags]);

일반적으로 RegExp를 통한 방법보다는 "정규식 리터널"을 이용함 

파라미터에서 따옴표를 사용하거나 슬래쉬를 사용해야한다. 

첫 번째 인자는 패턴

두 번째 인자는 플래그

 

flags

g: 일치하는 첫 번째 문자에서 그치지 않고 전체에서 일치하는 모든 문자를 검색

i : 대소문자를 같은 문자로 취급하고 싶다면 사용

 

 

 

리터럴 방식

var p = /ab+c/i;

/ /사이에 정규식을 입력하고, 홑따옴표나 쌍따옴표를 사용할 수 없음 

주로 이 방식을 사용한다. 

 

var p = new RegExp('ab+c', 'i');
var p = new RegExp(/ab+c/, 'i'); // ECMAScript 6에서는 가능하다.

생성자 방식 : 파라미터에 따옴표 사용 

 

 

정규식 패턴 

문자 클래스 패턴

 

문자 집합 

대체 패턴 

경계 패턴 

var s, p;

// 한 자 이상의 영숫자
p = /^[a-zA-Z0-9]+$/;
p = /^[a-z0-9]+$/i;

// 1자 이상의 영숫자와 _
p = /^\w+$/i;


// 공백(탭) : \s
// 영문자와 공백 
p = /^[a-z\s]+$/i;
s = 'a b';
console.log(p.test(s)); // true 
s = 'a 1';
console.log(p.test(s)); // false

//x(?=y) : x 다음에 y가 나오는 경우에만 x와 일치
// 영문자로 시작하고 영숫자와 _ 가능

p = /^(?=[a-z])(\w)*$/i;

s = 'a';
console.log(p.test(s));// true

s = '1a';
console.log(p.test(s));// false

s = 'a1';
console.log(p.test(s));// true

// | : 또는 
// 자바, 웹, java, web 하나 이상 존재 여부

p = /.*(?=자바|웹|web|java).*/i;
p = /(?=자바|웹|web|java)/i;

// 한글의 코드 : \uac00~\u7a3, 가~힣
// 1자 이상의 한글만 가능 
p = /^[가-힣]+$/;
p = /^[\uac00~\u7a3] + $/;

 

 

날짜 정규식 

var s, p;

// 날짜, 2000-10-10, 2000.10.10 2000/10/10 200001010
p = /^\d{8}$/;

p = /^[12][0-9]{3}[\-\.\/]?[01][0-9][\-\.\/]?[0-3][0-9]$/;

s = "1101.10.10";
console.log(p.test(s)); // true
		
s = "2000.02.10";
console.log(p.test(s)); //false
		
// 이미지 파일
p = /(\.gif|\.jpg|\.jpeg|\.png)$/i;
s = "image.jpg";
console.log(p.test(s)); //false
		
// 5~ 10자 문자로 영문자와 하나 이상의 숫자나 특수 문자 포함 
p = /^(?=.*[a-z])(?=.*[!@#$%^]|.*[0-9]).{5,10}$/i;
		
// ?=.* 뭐가 와도 상관 없는데 a-z까지는 존재해야 함