javascript - 使用替换字符串的函数替换字符串

Question

我想找到一个高性能且优雅的解决方案来解决这个问题:

我需要用已替换内容的函数替换字符串的子字符串(不区分大小写)。

示例:

var highlight = function(inputString, filterString) {
    var regex = new RegExp(filterString, 'gi');
    return inputString.replace(regex, '<b>' + filterString + '</b>');
};

highlight('The input', 't');

如果您在浏览器控制台中运行此命令，您将得到:

"<b>t</b>he inpu<b>t</b>"

我的问题是我想保留替换字符串的原始大小写。因此，预期结果是:

"<b>T</b>he inpu<b>t</b>"

有什么想法吗？

编辑:@georg 的回答:

return inputString.replace(regex, '<b>$&</b>');

Answer 1

只需在替换中使用$&，这意味着“已找到的内容”:

var highlight = function(inputString, filterString) {
    var regex = new RegExp(filterString, 'gi');
    return inputString.replace(regex, '<b>$&</b>');
};

x = highlight('The input', 't');
document.write("<pre>" + JSON.stringify(x,0,3));   

其他$...魔术构造，供引用:

MDN