sharingStorage

모던 자바스크립트 31장 RegExp 본문

Front-End/모던 자바스크립트 Deep Dive

모던 자바스크립트 31장 RegExp

Anstrengung 2022. 7. 10. 12:31

31.1 정규표현식이란?

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

 

정규표현식은 문자열을 대상으로 패턴 매칭 기능을 제공한다. 패턴 매칭 기능이란 특정 패턴과 일치하는 문자열을 검색하거나 추출 또는 치환할 수 있는 기능을 말한다.

 

휴대폰 전화번호가 유효한지 매칭해보는 코드 예제

 

정규표현식의 장점 : 위 예시에서 정규표현식을 사용하지 않는다면 반복문과 조건문을 통해 한문자씩 연속해서 체크해야 한다. 정규 표현식 사용시 반복문과 조건문 없이 패턴을 정의하고 테스트하는 것으로 간단히 체크할 수 있다.

 

정규표현식의 단점 : 정규 표현식은 주석이나 공백을 허용하지 않고 여러가지 기호를 혼합하여 사용하기 때문에 가독성이 좋지 않다.

 

 

31.2 정규 표현식의 생성

정규 표현식 객체를 생성하기 위해서는 정규 표현식 리터럴과 RegExp 생성자 함수를 사용할 수 있다. 

이처럼 정규표현식 리터럴은 패턴과 플래그로 구성된다.

 

표현식 리터럴을 사용하여 간단한 정규표현식 객체를 생성한 예제

 

 

RegExp 생성자 함수를 사용하여 RegExp 객체를 생성할 수도 있다.

 

 

RegExp 생성자 함수를 사용하면 변수를 사용해 동적으로  RegExp 객체를 생성할 수 있다.

 

 

31.3 RegExp 메서드

31.3.1 RegExp.prototype.exec 

exec 메서드는 인수로 전달받은 문자열에 대해 정규 표현식의 패턴을 검색하여 매칭 결과를 배열로 반환한다. 

 

 

31.3.2 RegExp.prototype.test

test 메서드는 인수로 전달받은 문자열에 대해 정규 표현식의 패턴을 검색하여 매칭 결과를 불리언으로 반환한다.

 

31.3.3 String.prototype.match

String 표준 빌트인 객체가 제공하는 match 메서드는 대상 문자열과 인수로 전달받은 정규 표현식과의 매칭 결과를 배열로 반환한다.

 

 

31.4 플래그

패턴과 함께 정규 표현식을 구성하는 플래그는 정규 표현식의 검색 방식을 설정하기 위해 사용한다.

 

  • i : 대소문자 구별하지 않고 패턴 검색
  • g : 대상 문자열 내에서 패턴과 일치하는 모든 문자열 검색
  • m : 문자열 행이 바뀌더라도 패턴 검색 계속함  

 

 

31.5 패턴

정규 표현식의 패턴은 문자열의 일정한 규칙을 표현하기 위해 사용하며, 정규 표현식의 플래그는 정규 표현식의 검색 방식을 설정하기 위해 사용한다.

패턴은 /로 열고 닫는다.

 

 

31.5.2 임의의 문자열 검색

.은 임의의 문자 한 개를 의미한다. 문자의 내용은 상관없다.

 

 

31.5.3 반복 검색

{m,n}은 앞선 패턴이 (다음 예제의 경우 A)이 최소 m번, 최대 n번 반복되는 문자열을 의미한다. 

 

 

{n} 은 앞선 패턴이 n번 반복되는 문자열의 의미한다. 즉 {n}은 {n,n}과 같다.

 

 

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

 

 

+는 앞선 패턴이 최소 한번 이상 반복되는 문자열을 의미한다. 즉 +는 {1,}과 같다.

 

 

?는 앞선 패턴이 최대 한 번 이상 반복되는 문자열을 뜻한다.

 

 

31.5.4 OR 검색

| 는 or의 의미를 갖는다. 

 

분해되지 않는 단어 레벨로 검색하기 위해서는 +를 함께 사용한다.

 

범위를 지정하려면 [] 내에 -를 사용한다.

 

대소문자 구별없이 알파벳 검색

 

숫자 검색

 

쉼표를 패턴에 포함시키면 매칭 결과가 분리된다.

 

 

/d는 숫자를 의미하며 [0-9]와 의미가 갖고 /D는 /d와 반대로 숫자가 아닌 문자를 의미한다.

 

 

/w는 알파벳, 숫자, 언더스코어를 의미한다.

/W는 알파벳, 숫자, 언더스코어가 아닌 문자를 의미한다.

 

 

31.5.5 NOT 검색

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

 

31.5.6 시작 위치로 검색 

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

 

31.5.7 마지막 위치로 검색

$는 문자열의 마지막을 의미한다.

 

 

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

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

 

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

 

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

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

 

31.6.8 특수문자 포함 여부 검사

Comments