Front-end/JavaScript
[JS] 정규식 안에 변수 넣기
릴쥬
2023. 3. 23. 23:54
반응형
정규식에 사용할 패턴이 변할 가능성이 있거나, 외부에서 패턴을 가져오는 경우 변수를 사용해야 한다.
변수를 활용하기 위해서는 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를 포함하는지를 판별하는 것이다.
반응형