반응형
정규식에 사용할 패턴이 변할 가능성이 있거나, 외부에서 패턴을 가져오는 경우 변수를 사용해야 한다.
변수를 활용하기 위해서는 RegExp 객체의 생성자 함수를 사용해서 정규식을 생성할 수 있다.
기본 사용법
pattern 변수를 먼저 생성한 다음, 정규식 생성자 함수에 값을 넣어준다.
생성자 함수의 경우 빗금(/ /)이 아닌 따옴표("")를 사용한다.
const str = "abcdef";
const pattern = "abc";
const regex = new RegExp(pattern);
str.match(regex); // true
추가 활용
const pattern = "abc";
const regex1 = new RegExp(pattern, "g"); // 플래그 추가
const regex2 = new RegExp(`[${pattern}]`, "g"); // 템플릿 리터럴 추가
regex1의 경우, 플래그가 추가된 경우이다.
플래그는 다양한 종류가 있으며
대표적인 예시로 g는 전역 검색 플래그로 사용된다.
regex2는 패턴을 템플릿 리터럴로 감싼 경우이다.
정규식 패턴에서 대괄호[] 는 or(또는) 처리로 사용된다.
즉 a 또는 b 또는 c를 포함하는지를 판별하는 것이다.
반응형
'Front-end > JavaScript' 카테고리의 다른 글
[JS] javascript:void(0)란? (0) | 2023.06.07 |
---|---|
[JS] this란? 바인딩 및 일반 함수 vs 화살표 함수 알아보기 (0) | 2023.06.01 |
[JS] 데이터 타입 - 원시 타입 알아보기 (0) | 2023.03.20 |
[JS] 모듈 export, import 사용하기 (0) | 2023.03.19 |
[JS] Map 객체 (Map Object) 알아보기 (0) | 2023.03.13 |