jQuery Regexp를 연결할 수 있습니까?

Question

그래서 regexp를 연결하는 방법이 있는지 궁금합니다. 내 코드를 조금만 최적화하려고합니다. 표현을 찾고 결과에서 다른 표현을 찾고 싶습니다.

실무 코드 :

match = $('body').html().match(/(\[~\{ .*? \}~\])(\w+)/g); 
console.log(match[0]); 

표현 하나의 오류

match = $('body').html().match(/(\[~\{ .*? \}~\])|(\w+)/g); 
console.log(match[0]); 

표현 하나를 찾을 다음을 찾을 표현이 외부 생산 : 나는 무엇을 시도했다

match = $('body').html().match(/(\[~\{ .*? \}~\])/g); 
console.log(match[0]); 

findText = match[0].match(/\w+/); 
console.log(findText); 

.

내 HTML은 :

[~{ header }~] 

<p>This is the home page</p> 

[~{ footer }~] 

Answer 1

은 그냥 [~{ ... }~] 구조 내부의 단어를 캡처 그룹을 사용했다.

\[~\{ (\w+) \}~\] 

유일한 차이점은 I (\w+) 대신 .*? 일치한다. 필자는 필요하지 않았기 때문에 전체 식 주위에있는 캡처 그룹 ((...))도 제거했습니다.

---

Regex101

는 이제 자바 스크립트에서 여러 캡처 그룹에 액세스 할 수 조금 어려운,하지만 난 this answer에서 몇 가지 예제 코드를 사용 (감사 마티아스 Bynens) :

function getMatches(string, regex) { 
    var matches = []; 
    var match; 
    while (match = regex.exec(string)) { 
     matches.push(match); 
    } 
    return matches; 
} 

var myString = $('body').html(); 
var myRegEx = /\[~\{ (\w+) \}~\]/g; 

var matches = getMatches(myString, myRegEx); 
console.log(matches[0]); 

출력 :

Array[2] 
    0: "[~{ header }~]" // The whole match 
    1: "header"   // The captured group 

---

그래서 최종 코드는 다음과 같이 (이입니다 의사 코드)를 볼 수 있었다 :

당신은 실제로 당신이 함께하지 체인이 찾고있는 것을 선택하는 하나 개의 정규 표현식을 작성하려는

matches; // this is set from previous code block 

for(var i = 0; i < matches.length; i++) { 
    var needsToBeReplaced = matches[i][0]; 
    var template = getTemplate(matches[i][1]); 
}