如何用单个JavaScript正则表达式替代两次replace去除括号前后空白字符？

当然可以！你完全不需要两次replace调用，用单个正则表达式就能实现和原有代码完全一致的效果，而且代码更简洁。

核心实现方案 #

这里用捕获组来匹配括号并保留它，同时去掉前后的空白：

function removeSpaceAfterBeforeBrackets(str) {
  return str.replace(/\s*([()])\s*/gi, "$1");
}

正则原理拆解 #

• \s*：匹配任意数量的空白字符（包括空格、制表符、换行符等），括号前后的空白都被这个规则覆盖
• ([()])：捕获组，匹配左括号(或右括号)，并将匹配到的括号暂存起来
• $1：在替换时引用捕获组中保存的括号，相当于把括号前后的空白替换为空，只保留原本的括号

效果验证 #

比如输入字符串：

const testStr = "  hello  (  world  )  foo(bar)  ";
console.log(removeSpaceAfterBeforeBrackets(testStr));
// 输出："hello(world)foo(bar)"

这个结果和你原有两次replace的执行结果完全一致。

备选方案（ES2018+） #

如果你不需要兼容旧版JS环境，还可以用环视断言实现，不需要捕获组：

function removeSpaceAfterBeforeBrackets(str) {
  return str.replace(/\s+(?=[()])|(?<=[()])\s+/gi, "");
}

• \s+(?=[()])：匹配括号前的空白（正向预查，确保空白后面是括号）
• (?<=[()])\s+：匹配括号后的空白（反向预查，确保空白前面是括号）

不过第一种捕获组的方案兼容性更好，能在所有支持正则的JS环境中运行。

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