如何在正则表达式构造中正确转义字符？——JavaScript动态实现rstrip函数的正则参数问题

这问题我之前也踩过坑！直接把chars变量写到正则字面量/[chars]+$/g里肯定不行，因为JS会把chars当成普通字符串字面量处理，根本不会解析成你传入的变量值。要实现动态指定目标字符的rstrip，得结合正则转义和RegExp构造函数来搞，具体步骤如下：

1. 先转义字符集中的特殊正则字符 #

在正则的[]字符集里，有些字符是有特殊含义的，比如-用来表示字符范围、^在开头表示取反、]是字符集的结束标记，还有\、$这些元字符。如果直接把包含这些字符的chars传入正则，要么会导致正则语法错误，要么匹配结果不符合预期。所以我们需要先把这些特殊字符转义成字面量：

const escapeRegExpChars = (str) => {
  // 匹配所有正则特殊字符，并用反斜杠转义
  return str.replace(/[\\^$.*+?()[\]{}|-]/g, '\\$&');
};

2. 用RegExp构造函数动态生成正则 #

RegExp构造函数允许我们用字符串拼接的方式生成正则表达式，这样就能把转义后的chars变量嵌入进去了：

const escapeRegExpChars = (str) => {
  return str.replace(/[\\^$.*+?()[\]{}|-]/g, '\\$&');
};

const rstrip = (s, chars) => {
  const escapedChars = escapeRegExpChars(chars);
  // 动态拼接正则字符串：字符集+结尾匹配+全局标志
  const regex = new RegExp(`[${escapedChars}]+$`, 'g');
  return s.replace(regex, '');
};

// 测试一下
console.log(rstrip("Hello!!!!r", '!r')); // 输出 "Hello"
console.log(rstrip("Hello-world---", '-')); // 输出 "Hello-world"
console.log(rstrip("Test^]abc", '^]')); // 输出 "Test"

为什么之前硬编码能工作？ #

你之前硬编码/[r!]+$/g能正常运行，是因为!在正则字符集里没有特殊含义，JS会直接把它当成普通字符处理。但换成变量后，必须处理所有可能的特殊字符，才能保证函数在任何输入下都能正常工作。

内容的提问来源于stack exchange，提问作者carl.hiass