javascript - 不区分大小写的匹配和替换，同时尊重源字符串的大小写

Question

我想使 s 值内 query 值的匹配部分不区分大小写。

如果我在 s 中找到 query 我不能简单地做:

var s="New York";    
var query="new";

var result = s.replace(/query/i,'<strong>' + query + '</strong>';

从那时起，它还将 s 中的外壳替换为 query 中的外壳，这是我不想要的。我想保留 s 中的外壳。

结果必须是:“纽约纽约”

Answer 1

如果你让它成为一个捕获组(用括号括起来)，那么你可以使用占位符$1:

var s="New York";  
var result = s.replace(/(new)/i,'<strong>$1</strong>');
// result = <strong>New</strong> York

查看实例:http://jsfiddle.net/2zau4/

---

正如评论中所指出的——我从来不知道的是——你实际上不需要捕获组，因为 javascript 使用字符 $& 来表示“整个匹配”。所以你也可以这样做:

var s="New York";  
var result = s.replace(/new/i,'<strong>$&</strong>');
// result = <strong>New</strong> York

---

作为最后的说明，我假设您意识到您的原始语法将不起作用:

var s="New York";    
var query="new";

var result = s.replace(/query/i,'<strong>' + query + '</strong>';
-----------------------^
This is searching for literal "query" not 
  the variable query (containing the string "new")

正确的语法必须从带有“i”标志的字符串创建一个RegExp:

var s="New York";    
var query="new";

var result = s.replace(new RegExp(query,'i'),'<strong>$&</strong>');