如何用正则匹配变量前后的逗号以移除逗号分隔字符串中的指定元素？

问题根源 #

你之前的写法存在两个核心问题：

1. 正则字面量无法解析模板变量：/,${room},/中的${room}会被当成普通字符串处理，不会替换为你定义的room变量值，需要用RegExp构造函数动态生成正则。
2. 正则未覆盖边界场景：原正则只能匹配前后都带逗号的目标值，无法匹配出现在字符串开头（仅后面带逗号）、结尾（仅前面带逗号）的目标值。

正则实现方案 #

var room = 'room2';
var exitroom = 'room1,room2,room3';

// 构造正则：匹配开头/逗号 + 目标值 + 结尾/逗号的组合
const removeReg = new RegExp(`(^|,)${room}(,|$)`, 'g');
// 替换后处理多余逗号：连续逗号合并为一个，再删除首尾残留的逗号
const res = exitroom.replace(removeReg, '$1$2').replace(/,+/g, ',').replace(/^,|,$/g, '');

console.log(res); // 输出 room1,room3

以上写法可以兼容所有位置的目标值场景：

• 目标值在字符串开头：如room2,room1,room3 → 输出room1,room3
• 目标值在字符串结尾：如room1,room3,room2 → 输出room1,room3
• 字符串仅含目标值：如room2 → 输出空字符串

更易维护的替代方案 #

如果不强制要求用正则实现，更推荐用数组分割过滤的写法，不需要处理复杂的正则边界逻辑，可读性和容错性更高：

var room = 'room2';
var exitroom = 'room1,room2,room3';
const res = exitroom.split(',').filter(item => item !== room).join(',');
console.log(res); // 输出 room1,room3

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