带有不区分大小写标志'i'和全局的正则表达式javascript不起作用

Question

我正在研究一种方法来突出显示在字符串中找到的查询文本，这个想法是为找到的每个匹配项添加粗体标记。问题是当我尝试用 g 替换所有出现的查询文本并且 i 标记它没有这样做时，它看起来像是忽略了 i 标记。

这是函数：

highlight  =  function(text,q){
        if (text.indexOf(q) != -1) {
            text = text.replace(new RegExp("\\b".concat(q, "\\b"), 'gi'), '<b>' + q + '</b>');
          } else{
            q = q.split(' ');
            q.forEach(function (item) {
              if (text.indexOf(item) != -1) text = text.replace(new RegExp("\\b".concat(item, "\\b"), 'gi'), '<b>' + item + '</b>');
            });
          }
             return text;
    }

随意测试一下，下面是我测试过的两个例子：

highlight(' is THIS this','this') => is <b>this</b> <b>this</b> 。 有效！

highlight(' is THIS','this') => is THIS 。 没有

Answer 1

试试这样的：

highlight = function(text, q) {
  return text.replace(new RegExp("\\b" + q + "\\b", 'gi'),
                      function(x) {
                        return '<b>' + x + '</b>';
                      });
}