str.replace가 $ 1을 (를) 대체하지 않습니다.

Question

조금 강조 표시하려고합니다. 내가 가진 문제는 $ 1에 일치 항목을 삽입하지 않는다는 것입니다. 당신이 볼 수있는 내 기능

getMatch(str, search) { 
    let result = str.replace(new RegExp(search, 'gi'), '<span class="match">$1</span>'); 
    return result; 
} 

처럼 보이는이 경기를 마무리해야한다. 그러나 그렇지 않습니다. 여기 예를 들어 내가 그것을 사용하는 방법 :

My string <span class="match">with</span> highlighting.

하지만 난 그냥 얻을 :

let string = 'My string with higlighting.'; 
let match = getMatch(string, 'With'); 

내 예상 결과는

My string <span class="match">$1</span> highlighting.

그래서 $ 1 대체되지 않았습니다를 일치에 의해.

어떻게 해결할 수 있습니까?

Answer 1

'With'에는 캡처 그룹이 없으므로 $1은 리터럴 문자열로 구문 분석됩니다.

일치 항목 전체를 span (으)로 바꾸려면 $1을 $&으로 바꿉니다.

getMatch(str, search) { 
    let result = str.replace(new RegExp(search, 'gi'), '<span class="match">$&</span>'); 
    return result; 
} 

는 MDN replace reference를 참조하십시오

$& 삽입 일치하는 하위 문자열.

let string = 'My string with higlighting.'; 
let match = getMatch(string, '(With)'); 

출력 될 것입니다 :

Answer 2

다음은 캡처 그룹 아닙니다, 당신은 괄호를 추가하여 변환한다

My string <span class="match">with</span> higlighting.