본문 바로가기

Today I Learned

모던 자바스크립트 Deep Dive 31장 RegExp

정규표현식이란?

정규표현식은 일정한 패턴을 가진 문자열의 집합을 표현하기 위해 사용하는 형식 언어다. 문자열을 대상으로 패턴 매칭 기능을 제공한다. 예를 들어, 휴대폰 전화번호의 유효성을 체크할 사용한다.

// 사용자로부터 입력받은 휴대폰 전화번호
const tel = '010-1234-567팔';

// 정규 표현식 리터럴로 휴대폰 전화번호 패턴을 정의한다.
const regExp = /^\d{3}-\d{4}-\d{4}$/;

// tel이 휴대폰 전화번호 패턴에 매칭하는지 테스트(확인)한다.
regExp.test(tel); // -> false

 

정규 표현식 리터럴

정규표현식은 패턴과 플래그로 구성된다. 어떤 문자열 내에 패턴과 일치하는 문자열이 존재할 , "정규 표현식과 매치한다"라고 표현한다.

 

RegExp 메서드

RegExp.prototype.exec

문자열 인수의 정규표현식 패턴을 검색해서 매칭 결과를 배열로 반환한다. 매칭 결과가 없으면 null 반환한다. g플래그를 지정해도 첫번째 매칭 결과만 반환한다.

const target = 'Is this all there is?';
const regExp = /is/;

regExp.exec(target); // -> ["is", index: 5, input: "Is this all there is?", groups: undefined]

 

RegExp.prototype.test

문자열 인수의 정규표현식 패턴 매칭 결과를 불리언 으로 반환한다.

const target = 'Is this all there is?';
const regExp = /is/;

regExp.test(target); // -> true

 

RegExp.prototype.match

앞선 exec 메서드와 동일하게, 문자열 인수의 정규표현식 패턴을 검색해서 매칭 결과를 배열로 반환한다. exec  메서드와 다른 점은 g플래그를 지정하면 모든 매칭 결과를 반환하는 것이다.

const target = 'Is this all there is?';
const regExp = /is/g;

target.match(regExp); // -> ["is", "is"]

플래그

6 중요한 3개를 알아보자.

플래그 의미 설명
i Ignore case 대소문자 구별하지 않는다
g Global 문자열 내에서 패턴과 일치하는 모든 문자열을 전역 검색한다.
m Multi line 문자열의 행이 바뀌더라도 패턴 검색을 계속 한다.

 

패턴

Not 검색

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

const target = 'AA BB 12 Aa Bb';

// 숫자를 제외한 문자열을 전역 검색한다.
const regExp = /[^0-9]+/g;

target.match(regExp); // -> ["AA BB ", " Aa Bb"]

 

시작 위치 검색

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

const target = 'https://poiemaweb.com';

// 'https'로 시작하는지 검사한다.
const regExp = /^https/;

regExp.test(target); // -> true