JS Replace：如何替换包含相同短语的精确匹配字符串？

这个问题的核心是字符串替换的匹配优先级和精确匹配逻辑，原代码的问题在于替换顺序不对，而且replace默认是部分匹配子字符串，导致预期的匹配被提前破坏了。我给你提供几种靠谱的解决方案：

方案1：调整替换顺序（最简单直接） #

因为"sub.site.com"包含了"site.com"这个子串，所以你需要先替换更长、更具体的字符串，再替换更短的通用字符串。这样能避免短字符串的替换破坏长字符串的匹配项：

var campaign = "sub.site.com"; 
// 先替换完整的目标字符串
campaign = campaign.replace("sub.site.com", "campaign 2"); 
// 再替换更短的子串（此时已经不会影响前面的结果）
campaign = campaign.replace("site.com", "campaign 1"); 
output = [{campaign: campaign}]; 
// 输出结果：{campaign: "campaign 2"}

方案2：使用精确相等判断（最直观严谨） #

如果你的需求是只有当字符串完全等于某个值时才替换，直接用===做条件判断会比replace更清晰，完全避免部分匹配的问题：

var campaign = "sub.site.com";
if (campaign === "sub.site.com") {
  campaign = "campaign 2";
} else if (campaign === "site.com") {
  campaign = "campaign 1";
}
output = [{campaign: campaign}];
// 输出结果：{campaign: "campaign 2"}

方案3：正则边界匹配（适合复杂场景） #

如果需要批量处理或者结合正则的其他功能，可以用正则的开头^和结尾$边界，确保只匹配整个字符串。注意正则里的.需要转义成\.，因为.默认匹配任意字符：

var campaign = "sub.site.com";
// 匹配整个字符串为sub.site.com的情况
campaign = campaign.replace(/^sub\.site\.com$/, "campaign 2");
// 匹配整个字符串为site.com的情况
campaign = campaign.replace(/^site\.com$/, "campaign 1");
output = [{campaign: campaign}];
// 输出结果：{campaign: "campaign 2"}

各方案适用场景 #

• 方案1：适合简单的包含关系替换，代码改动最小；
• 方案2：适合逻辑清晰的分支判断场景，可读性最高；
• 方案3：适合需要正则匹配的复杂场景，比如同时处理多个规则或者动态匹配。

内容的提问来源于stack exchange，提问作者Idan Levi