javascript替换为子匹配作为数组索引

Question

使用模板:

<div id="temp" style="display:none;">
    <h3>{title}</h3>
    <p>{body}</p>
</div>

和脚本(jquery 版本):

var html = $('#temp').html();
var vals = {"title":"Hello","body":"Good bye!"};
html = html.replace(/{(.+?)}/g, vals["$1"]); // this works if replaced with code below

我的替代品未定义

下面的代码可以工作，但看起来它应该像上面尝试的那样只用一行

matches = html.match(/{(.+?)}/g);  
for(m=0;m<matches.length;m++){
    var match=matches[m].replace("{","").replace("}", "");
    html = html.replace(matches[m],vals[match])
}

这可以根据需要简化吗？

这对于模板引擎来说太简单了，所以没有必要去那里。

Answer 1

您可以使用回调作为 String.replace() 的第二个参数:

var result = html.replace(/{(.+?)}/g, function(c, m) { return vals[m]; });