用变量创建的正则表达式在JavaScript.replace()中失效的问题排查

哦，我一眼就发现问题所在了！你创建正则表达式的方式不对，这才导致replace()方法完全没生效～

核心问题：正则表达式的创建方式错误 #

你现在是用字符串拼接生成了类似'/before/gi'的内容，但这只是一个普通字符串，不是正则表达式对象。String.replace()方法如果接收字符串作为第一个参数，只会做字面量匹配——也就是说它会去查找字符串里有没有"/before/gi"这个完整子串，而不是把它当作正则规则去匹配before变量对应的单词，自然找不到任何匹配项，只能返回原字符串。

正确的做法是使用RegExp构造函数来创建正则对象，语法如下：

var regRep = new RegExp(before, 'gi');

这样就能生成一个带有g（全局匹配）和i（忽略大小写）修饰符的正则表达式，才能正确匹配目标单词。

可选优化：简化大小写转换逻辑 #

你的大小写转换逻辑是正确的，但可以简化成更简洁的写法，让代码更易读：

if (caseCheck === caseCheck.toUpperCase()) {
  prepAfter = after.charAt(0).toUpperCase() + after.slice(1);
} else {
  prepAfter = after;
}

修改后的完整函数 #

function myReplace(str, before, after) {
  var prepAfter = "";
  var caseCheck = before.charAt(0);
  // 用RegExp构造函数创建正确的正则对象
  var regRep = new RegExp(before, 'gi');
  
  if (caseCheck === caseCheck.toUpperCase()) {
    prepAfter = after.charAt(0).toUpperCase() + after.slice(1);
  } else {
    prepAfter = after;
  }
  
  var newStr = str.replace(regRep, prepAfter);
  return newStr;
}

比如测试调用myReplace("He is Sleeping on the couch", "Sleeping", "sitting")，会正确返回"He is Sitting on the couch"，完全符合预期。

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