JavaScript实现移除字符串指定字符除首次出现外的所有实例

这问题我之前也踩过坑！用临时占位符确实有概率和原字符串内容冲突，推荐两个更优雅且绝对安全的解决方案：

方案1：正则分组匹配（简洁高效） #

利用正则的分组捕获，只保留第一个出现的#，其余全部移除：

const originalStr = "# abc # def #";
const processedStr = originalStr.replace(/(^#)|#/g, '$1');
console.log(processedStr); // 输出 "# abc def "

原理说明：

• 正则/(^#)|#/g会匹配两种情况：要么是字符串开头的#（用^#定位，并用括号分组捕获），要么是任意位置的#
• 替换时，$1代表第一个分组的内容：如果匹配的是开头的#，$1就是#，会被保留；如果是其他位置的#，第一个分组无匹配内容，$1为空，相当于直接删除该#

方案2：replace回调函数（可读性拉满，无任何冲突风险） #

用String.replace()的回调函数参数，精准控制每个#的保留/删除：

const originalStr = "# abc # def #";
const processedStr = originalStr.replace(/#/g, (match, index) => {
  // 只保留索引为0的第一个#，其余全部替换为空
  return index === 0 ? match : '';
});
console.log(processedStr); // 输出 "# abc def "

原理说明：
replace的回调函数会接收匹配到的内容（match）和匹配位置的索引（index）。我们直接判断当前#是不是字符串的第一个字符（索引0），是就保留，否则删除。完全不需要临时标记，彻底避免了内容冲突的隐患。

扩展场景：如果第一个#不在字符串开头 #

如果你的需求是保留第一次出现的#（不管是不是在开头），可以用一个标记变量来控制：

let hasRetainedHash = false;
const originalStr = "abc # def # ghi #";
const processedStr = originalStr.replace(/#/g, (match) => {
  if (!hasRetainedHash) {
    hasRetainedHash = true;
    return match;
  }
  return '';
});
console.log(processedStr); // 输出 "abc # def ghi "

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