[JavaScript] 정규 표현식 안에 동적으로 변수를 넣는 방법

정규 표현식(Regular Expression)은 문자열에서 특정 문자 조합을 찾기 위한 패턴이다.

 

RegExp

RegExp 생성자는 패턴을 사용해 텍스트를 판별할 때 사용한다.

• 리터럴 표기법의 매개변수는 두 빗금으로 감싸야 하며 따옴표를 사용하지 않는다.
• 생성자 함수의 매개변수는 빗금으로 감싸지 않으나 따옴표를 사용한다.

// 정규 표현식 생성하기
/ab/g
new RegExp(/ab/, 'g') // 리터럴
new RegExp('ab', 'g') // 생성자

 

동적으로 정규 표현식 생성하기

const 변수 = 'JS';
const regex = new RegExp(`${변수}`, 'g');
console.log(regex); // /JS/g

 

🧐 응용하기

match() 메서드는 문자열이 정규식과 매치되는 부분을 검색한다.

const 변수 = 'JS';
const regex = new RegExp(`${변수}`, 'g');
console.log(regex); // /JS/g

const str = 'JS공부JS';
const result = str.match(regex); // ['JS', 'JS']
console.log(result.length); // 2

문자열에서 해당 변수가 몇번 쓰였는지 알고 싶을 때 유용하게 사용할 수 있다❗️❗️

 

참고 사이트

String.prototype.match() - JavaScript | MDN