是否可以链接 jQuery Regexp 匹配？

Question

所以我只是好奇是否有链接正则表达式的方法。只是想稍微优化一下我的代码。我想找到一个表达式，然后从结果中找到另一个表达式。

工作代码：

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

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

我尝试过的：

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

出现错误

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

找到表达式 1，然后在表达式 1 之外找到表达式 2。

我的 HTML：

[~{ header }~]

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

[~{ footer }~]

Answer 1

我刚刚为 [~{ ... }~] 结构中的单词使用了一个捕获组。

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

唯一的区别是我匹配(\w+) 而不是.*?。我还删除了整个表达式周围的捕获组 ((...))，因为它不是必需的。

Regex101

---

现在在 Javascript 中访问多个捕获组有点困难，但我使用了来自 this answer 的一些示例代码（感谢 Mathias 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

JSFiddle

---

所以你的最终代码可能看起来像这样（这是伪代码）：

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]);
}