모던 자바스크립트 : RegExp

1. 정규 표현식이란?

정규표현식

• 정규표현식 : 일정한 패턴을 가진 문자열의 집합을 표현하기 위해 사용하는 형식 언어
  • 정규표현식은 자바스크립트 고유 문법✕ 
  • 자바스크립트는 펄의 정규표현식 문법을 ES3 부터 도입
• 정규표현식은 문자열을 대상으로 패턴 매칭 기능 제공
  • 패턴 매칭 기능 : 특정 패턴과 일치하는 문자열 검색, 추출, 치환하는 기능

만약 정규표현식을 사용하지 않는다면 반복문과 조건문 통해 구현해야함

• 정규표현식은 주석이나 공백 허용하지 않고 여러가지 기호를 혼합하여 사용하기 때문에 가독성이 별로임

 

2. 정규 표현식의 생성

• RegExp 객체를 생성하기 위해서는 정규 표현식 리터럴과 RegExp 생성자 함수를 사용 가능
  • 일반적인 방법은 정규표현식 리터럴 사용
  • RegExp 생성자 함수를 사용해 RegExp 객체 생성 가능
    • RegExp 생성자 함수를 사용하면 변수 사용해 동적으로 RegExp 객체 생성 가능

 

3. RegExp 메서드

• 정규표현식을 사용하는 메서드는 RegExp.prototype.exec, RegExp.prototype.test, String.prototype.match, String.prototype.replace, String.prototype.search, String.prototype.split 등이 있음

a. RegExp.prototype.exec

• 인수로 전달받은 문자열에 대해 정규 표현식의 패턴을 검색해 매칭 결과를 배열로 반환
  • 매칭 결과가 없는 경우 null 반환
• 문자열 내의 모든 패턴 검색하는 g 플래그를 지정해도 첫번째 매칭 결과만 반환

b. RegExp.prototype.test

• 인수로 전달받은 문자열에 대해 정규 표현식의 패턴을 검색해 매칭 결과를 불리언 값으로 반환

c. String.prototype.match

• String 표준 빌트인 객체가 제공
• 대상 문자열과 인수로 전달받은 정규표현식과의 매칭 결과를 배열로 반환
  • exex 메서드는 문자열 내의 모든 패턴을 검색하는 g 플래그를 지정해도 첫번째 매칭 결과만 반환
  • String.prototype.match 메서드는 g 플래그가 지정되면 모든 매칭 결과를 배열로 반환

 

4. 플래그

• 패턴과 함께 정규표현식을 구성하는 플래그는 정규 표현식의 검색 방식을 설정하기 위해 사용
  • 총 6개지만 중요한건 3개

• 플래그는 옵션이며 순서와 상관없이 하나 이상의 플래그를 동시에 설정 가능
  • 어떠한 플래그를 사용하지 않은 경우 대소문자 구별해 패턴 검색
  • 그리고 문자열에 패턴 검색 매칭 대상이 1개 이상 존재해도 첫번째 매칭한 대상만 검색하고 종료

 

5. 패턴

• 정규표현식 : 일정한 규칙을 가진 문자열의 집합을 표현하기 위해 사용하는 형식 언어
  • 정규표현식은 패턴과 플래그로 구성
  • 정규 표현식의 패턴은 문자열의 일정한 규칙을 표현하기 위해 사용하며 정규 표현식의 플래그는 정규 표현식의 검색 방식을 설정하기 위해 사용
• 패턴은 /로 열고 닫으며 문자열의 따옴표는 생략
  • 따옴표를 포함하면 따옴표까지도 패턴에 포함되어 검색
• 패턴은 특별한 의미를 가지는 메타문자 또는 기호로 표현 가능
  • 어떤 문자열 내에 패턴과 일치하는 문자열이 존재할 때 정규표현식과 매치한다고 표현

a. 문자열 검색

• 정규표현식의 패턴에 문자 또는 문자열 지정하면 검색 대상 문자열에서 패턴으로 지정한 문자 또는 문자열 검색
• RegExp 메서드 사용해 검색 대상 문자열과 정규 표현식의 매칭 결과 구하면 검색 수행
  • 검색 대상 문자열과 플래그를 생략한 정규 표현식의 매칭 결과를 구하면 검색 수행
  • 검색 대상 문자열과 플래그를 생략한 정규 표현식의 매칭 결과를 구하면 대소문자를 구별하여 정규표현식과 매치한 첫번째 결과만 반환
• 플래그 i 사용 : 대소문자 구별하지 않고 검색
• 플래그 g 사용 : 검색 대상 문자열 내에서 패턴과 매치하는 모든 문자열을 전역 검색

b. 임의의 문자열 검색

• .은 임의의 문자 한개 의미
• 문자의 내용은 무엇이든 상관 없음

c. 반복 검색

• {m, n}은 패턴이 최소 m번, 최대 n번 반복되는 문자열을 의미
  • 콤마 뒤에 공백이 있으면 정상 작동하지 않음
• {n}은 앞선 패턴이 n번 반복되는 문자열 {n}={n, n}
• {n, }은 앞선 패턴이 최소 n번 이상 반복되는 문자열

• +는 앞선 패턴이 최소 한번 이상 반복되는 문자열
  • +={1, } 
• ?는 앞선 패턴이 최대 한번 이상 반복되는 문자열
  • ?={0, 1}

d. OR 검색

• | : or의 의미

• 분해되지 않은 단어 레벨로 검색하기 위해서는 + 사용

• [] 내의 문자는 or로 동작
• 그 뒤에 +를 사용하면 앞선 패턴을 한번 이상 반복

• 범위 지정하면 [] 내에 -를 사용

• 대소문자 구별하지 않고 알파벳 검색

• 숫자 검색
  • \d = 숫자 =[0-9]
  • \D= 문자=[^0-9]
  • \w=알파벳, 숫자, 언더스코어 = [A-Za-z0-9_]
  • \W=문자= [^A-Za-z0-9_]

e. NOT 검색

• [...] 내의 ^은 not

f. 시작 위치로 검색

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

g. 마지막 위치로 검색

• $는 문자열의 마지막

 

6. 자주 사용하는 정규표현식

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

b. 특정 단어로 끝나는지 검사

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

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

e. 아이디로 사용 가능한지 검사

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

• 인터넷 메시지 형식 규약인 RFC 5322에 맞는 정교한 패턴 매칭이 필요하면 복잡한 패턴 사용

g. 핸드폰 번호 형식에 맞는지 검사

h. 특수 문자 포함 여부 검사

특수문자를 선택적으로 검사 가능

 

 

 

 

모던 자바스크립트 딥다이브를 정리한 내용입니다!!