javascript - 正则表达式仅匹配确切的单词

Question

这个问题在这里已经有了答案:

How can I match a whole word in JavaScript? (4 个回答)

关闭 6年前。

我使用以下函数为某些单词提供类名:

$.fn.wrapInTag = function(opts, color) {

  var tag = opts.tag || 'span'
    , words = opts.words || []
    , regex = RegExp(words.join('|'), 'gi') // case insensitive
    , replacement = '<'+ tag + ' class="' + color +'">$&</'+ tag +'>';

  return this.html(function() {
  return $(this).html().replace(regex, replacement);
});
};

问题是它与 this 中的 redundant 匹配。我怎样才能让它只匹配确切的单词(红色但不是多余的)？我做了一些研究，发现我需要做这样的事情:

(\w+)

但我不知道在gi

旁边添加它

我将运行添加的函数 一句话就是:

<p>Only one redundant word is red</p>

$('p').wrapInTag({
      tag: 'span',
      words: ['red']
}, 'blue');

谢谢

Answer 1

我认为它与 (\w+) 无关。如果我正确地阅读了问题，您想匹配一个单词，而不是单词的子字符串。这可以使用单词边界 \b

来实现

像这样 \b(is|red|blue)\b 将完全匹配 is 或 red 或 blue.

MDN on word boundary regex