[모딥다] 31장 RegExp

🍄 31.1 정규식 표현식이란?

 

정규식 표현식 regular expression

: 일정한 패턴을 가진 문자열의 집합을 표현하기 위해 사용하는 형식 언어

 

- JS 의 고유 문법이 아니며, 대부분의 프로그래밍 언어에 내장돼있음.

- 문자열을 대상으로 패턴 매칭 기능을 제공. ( = 특정 패턴과 일치하는 문자열을 검색, 추출, 치환할 수 있다.)

- 정규식을 사용하지 않으면 반복문과 조건문을 통해 힘들게 체크해야함.

 

 

 

 

 

🍄 31.2 정규식 표현식의 생성

 

정규 표현식 객체를 생성하는 방법

1. 정규식 리터럴

- 패턴과 플래그로 구성됨.

정규 표현식 리터럴

const reg = /is/i;

 

2. RegExp 생성자 함수

const reg = new RegExp(/is/i);

 

 

 

 

 

🍄 31.3 RegExp 메서드

 

31.3.1 RegExp.prototype.exec

문자열 인수로 전달 받음

매칭 결과를 👇return

["is", index: 5, input: "Is this all there is?", groups: undefined]

없다면 null return 

- g 플래그를 적용해도 첫번째 매칭 결과만 반환

 

31.3.2 RegExp.prototype.text

인수로 전달 받은 문자열 -> 매칭 결과를 boolean 으로 return

 

31.3.2 RegExp.prototype.match

인수로 전달 받은 문자열 -> 배열로 반환

- g 플래그를 적용되면 모든 매칭 결과 반환

 

 

 

 

🍄 31.4 플래그

 

정규 표현식의 검색 방식.

6개 중 3가지

 

- 옵션이므로 선택적 사용 가능. 

- 순서와 상관없다.

 

📌 플래그를 사용하지 않으면

- 대소문자를 구별해서 패턴을 검색

- 매칭이 여러개여서 첫번째 매칭 대상만 검색하고 종료함.

 

const target = 'Is this all there is?'

console.log(target.match(/is/g));
// [ 'is', 'is' ]

console.log(target.match(/is/ig));
//[ 'Is', 'is', 'is' ]

 

 

 

🍄 31.5 패턴

 

패턴은 / 로 열고 닫으며 문자열의 따옴표는 생략한다.

따옴표 포함시 -> 따롬표도 패턴으로 인식. 

일치하는 문자열이 존재하면 "정규 표현식과 매치한다" 라고 표현. 

 

31.5.1 문자열 검색

 

정규식을 생성하는 것만으로 검색되지 않음. 

메서드를 사용해야함. 

 

i : 대소문자 구별하지 않는 플래그

g : 모든 문자열을 전역 검색하는 플래그

 

 

31.5.2 임의의 문자열 검색

 

. 은 문자 한개를 의미. 

문자의 내용은 상관없다.

공백까지 포함되어 검색되는걸 볼 수 있다.

 

 

 

31.5.3 반복 검색

 

{m,n}

최소 m 번, 최대 n 번 반복되는 문자열을 의미. 

(m,n 사이에 공백 넣으면 작동 안함)

 

{n} 은 {n,n} 과 같다.

AA, A 가 따로 나옴.

const target = 'A AA B BB Aa Bb AAA'

console.log(target.match(/A{1,2}/g));

//[ 'A', 'AA', 'A', 'AA', 'A' ]

 

{n,} : 앞 패턴이 최소 n 번 이상 반복되는 문자열을 의미. 

 

+ : 앞선 패턴이 한번 이상 반복되는 문자. {1,} 과 같다.

AAA 가 나옴. 

- 분해되지 않은 단어 레벨로 검색하기 위함. 

const target = 'A AA B BB Aa Bb AAA'

console.log(target.match(/A+/g));
//[ 'A', 'AA', 'A', 'AAA' ]

 

? : 최대 한번 (0번 포함) 이상 반복되는 문자열을 의미. {0,1} 과 같다.

 

 

 

31.5.4 OR 검색

 

| 은 or 의 의미를 갖는다.

/A|B/ 는 'A' 또는 'B' 를 의미. 

 

- 분해되지 않은 단어 레벨로 검색하기 위해 + 를 함께 사용

 

 

 

[] 안에 넣으면 or 이 자동 적용됨. 

 

같은걸 알 수 있다.

 

범위를 지정하려면 [] 안에 - 사용

 

 

 

대소문자 구분 없이 알파벳 검색하는 방법

/[A-Za-z]+/g

 

숫자를 검색하는 방법

/[0-9]+/g

 

, 가 포함된 숫자 12,345

/[0-9,]+/g

 

간단히 사용할 수 있는 기호

\d === [0-9]	숫자
\D	\d 를 제외 => 뭄자를 의미
\w === [A-Za-z0-9_]	알파벳, 숫자, 언더스코어 _ 를 의미
\W	\w 와 반대로 동작. 위를 제외한 문자를 의미

 

 

 

31.5.5 NOT 검색

[...] 내의 ^ : not 의 의미를 갖는다.

 

숫자를 제외한 문자

[^0-9]

 

 

31.5.6 시작 위치로 검색

[...] 밖의 ^ 문자열은 시작을 의미

/^ap/

=> 'apple'

 

31.5.7 마지막 위치로 검색

$ 은 문자열의 마지막을 의미.

/com$/

=> 'www.naver.com'

 

 

 

 

 

 

🍄 31.6 자주 사용하는 정규표현식

 

31.6.1 특정 단어로 시작하는지 검사

같은 코드임.

/^특정단어/

 

 

 

31.6.2 특정 단어로 끝나는지 검사

 

 

/특정단어$/

 

 

31.6.3 숫자로만 이루어진 문자열인지 검사

 

/^\d+$/

처음과 끝이 숫자이고, 최소 한번 이상 반복되는 문자열과 매치.

'12345'

 

 

31.6.4 하나 이상의 공백으로 시작하는지 검사

 

/^[\s]+/

 

\s 는 여러가지 공백 문자 (스페이스, 탭) 을 의미. 

 

 

31.6.5 아이디로 사용 가능한지 검사

/^[A-Za-z0-9]{4,10}$/

알파벳 대소문자 또는 숫자로 시작하고 끝나며

4-10 자리인지 검사.

 

 

31.6.6 메일 주소 형식에 맞는지 검사

/^[A-Za-z0-9]([-_\.]?[0-9a-zA-Z])*@[A-Za-z0-9]([-_\.]?[0-9a-zA-Z])*.[a-zA-Z]{2,3}$/

 

*는 반복을 의미. 바로 앞에 있는 문자가 무한대로 반복 가능

 

31.6.7 핸드폰 번호 형식이 맞는지 검사

 

 

31.6.6 특수 문자 포함 여부 검사

 

 

위아래 정규식이 같다.