JS. 정규식 생성

정규식

정규식은 생성자 함수 방식과 리터럴(Literal) 방식 두 가지 방식으로 작성할 수 있다.

생성자 함수 방식

RegExp 생성자 함수를 호출하여 사용할 수 있다.

new RegExp('표현', '옵션')
new RegExp('[a-z]', 'gi')

생성자 함수 방식의 예시를 살펴보면 아래의 코드와 같다.

const str = ` 
010-1234-5678
kurt5451@naver.com
https://www.omdbapi.com/?apikey=7035c60c&s=frozen
The quick brown fox jumps over the lazy dog.
abbcccdddd
`

const regexp = new RegExp('the', 'gi') 
console.log(str.match(regexp))

'g'로하면 대소문자를 구별하기 때문에 the 한 개만 나오지만,

'gi'로 검색하면 대소문자 관계없이 2개가 나오기 때문에 the, The 두 개가 나온다.

리터럴(Literal) 방식

정규표현식은 / 로 감싸진 패턴을 리터럴로 사용한다.

/표현/옵션
/[a-z]/gi

리터럴 방식의 예시를 살펴보면 아래의 코드와 같다.

const str = ` 
010-1234-5678
kurt5451@naver.com
https://www.omdbapi.com/?apikey=7035c60c&s=frozen
The quick brown fox jumps over the lazy dog.
abbcccdddd
`

const regexp = /the/gi
console.log(str.match(regexp))

생성자 함수 방식과 마찬가지로

'g'로하면 대소문자를 구별하기 때문에 the 한 개만 나오지만,

'gi'로 검색하면 대소문자 관계없이 2개가 나오기 때문에 the, The 두 개가 나온다.

---

정규표현식 테스트 사이트

아래 사이트를 이용하면 정규표현식을 테스트할 수 있다.

각 사이트의 설정된 환경이 다르기 때문에 일부 작동하지 않거나

자바스크립트에서 다루는 정규식과 다르게 작동할 수 있다.

즉, 테스트에 그치지말고, 실제 자신의 환경에서도 적용하여 확인해주는게 좋다.

 

https://regexr.com/

RegExr: Learn, Build, & Test RegEx