JavaScript replace에 변수 활용하기 - 정규표현식 (regExp) 이용

서비스를 만들 때, JavaScript replace에 변수를 넣어야 한는 상황이 종종 생깁니다.

 

 

 

예를 들어

어떤 URL의 경로만 구하는 함수를 작성한다고 해봅시다.

const red = 'apple'
const sentence = 'I want red apple cookies';

const ans = sentence.replace(/red/gi,'');

 

내가 원한 것 :  I want red cookies

실제 실행되는것 : I want apple cookies

 

replace앞에 들어가는 것은 정규표현식 혹은 string그 자체이기 때문에 당연히 red가 치환되게 된다.

 

 

 

new ReqExp 활용하기

🔗 MDN - RegExp

const red = 'apple'
const sentence = 'I want red apple cookies';


// 대소문가 구분 없이 일치하는 것을 찾아 적용
const redRegExp = new ReqExp(red,'gi')

const ans = sentence.replace(redRegExp,'');

// I want red cookies

 

 

🥳 완성!