[HTML, JavaScript] 정규표현식

정규표현식

정규표현식은 문자검색과 교체에 사용되는 패턴을 제공한다.

자바스크립트에서 RegExp 객체의 문자 함수를 조합해 정규표현식을 사용할 수 있다.

let reg = new RegExp('안녕','i');
console.log(reg)
출력 값 : /안녕/i

RegExp는 두개의 매개변수가 들어간다. => RegExp( 찾는 문자, 플래그)

"/"는 자바스크립트에서 정규표현식을 생성하고 있다는 것을 알려준다.

문자열에서 따옴표를 쓰는것과 같다.

정규표현식을 사용하는 이유 : 이메일 형식인지 체크할 때, 아이디 조건 설정할 때

1. 플래그의 종류

[1] i : 대소문자 구분없이 구별할 수 있다.

[2] g : 패턴과 일치하는 모든 것을 찾는다. g가 없으면 일치하는 것에서 첫번째 것만 가져온다.

[3] m : 다중 행모드. 줄이 내려져있어도 찾아온다. \n(백틱) 같은것으로 행차이가 있어도 찾음

 

2.  정규표현식을 이용하는 메서드

[1]  match : String.match("찾는 문자열", "플래그")

match는 찾는 문자열에 만족하는 문자를 배열의 형태로 담아낸다.

let string = "안녕하세요.";
box.innerHTML = string.match("하");

g플래그 사용

box.innerHTML = string2.match(/하/g);

g는 패턴과 일치하는 모든 문자를 찾는데 ","로 구분한다.

 

i플래그 사용

let str = "나는 abC, 나는 Abc 문자열";
let str2 = str.match(/aBc/ig)

[2] replace : String.replace("찾는 문자열", "바꿀 문자열")

 

let name3 = "홍길동은 홍길동이다."
name3 = name3.replace(/홍길동/,"홍");

replace 두번째 매개변수에 특수문자를 입력하면 특수한 방법으로 문자열을 교체할 수 있다.

 

{1} 특수한 방법

 

(1) $& : 패턴과 일치하는 부분의 문자열 (주로 사용)

(2) $` : 일치하기 전의 문자열의 일부를 대입

(3) $' : 일치한 후 문자열의 일부를 대입