如何使用JavaScript内置replace方法仅删除每个指定字符的第一个实例？

问题拆解 #

你的现有代码会过滤掉目标字符串中所有在toErase集合里的字符，但需求是每个指定字符只删除第一个出现的实例，其余保留。我们可以利用JavaScript的String.replace()方法高效实现这个逻辑，无需复杂的数组操作。

解决方案1：正则+替换函数（一次性处理） #

通过正则匹配所有待删除字符，配合替换函数控制仅替换每个字符的第一次出现：

disappearString = (myString, toErase) => {
  // 记录已处理的字符，避免重复删除
  const erasedChars = new Set();
  // 构建正则，匹配所有待删除字符（转义特殊字符避免正则冲突）
  const regex = new RegExp(`[${escapeRegExp(toErase)}]`, 'g');
  
  return myString.replace(regex, (char) => {
    if (!erasedChars.has(char)) {
      erasedChars.add(char);
      return ''; // 第一次出现，执行删除
    }
    return char; // 已处理过，保留原字符
  });
};

// 辅助函数：转义正则特殊字符（兼容含特殊符号的待删除字符）
function escapeRegExp(str) {
  return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
}

解决方案2：逐个字符替换（逻辑更直观） #

遍历待删除字符集合，对每个字符调用一次replace()（不带全局修饰符g，默认只替换第一个匹配项）：

disappearString = (myString, toErase) => {
  let result = myString;
  // 遍历每个要删除的字符，逐个替换首个实例
  for (const char of toErase) {
    result = result.replace(new RegExp(escapeRegExp(char)), '');
  }
  return result;
};

// 辅助函数：转义正则特殊字符
function escapeRegExp(str) {
  return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
}

代码说明 #

• escapeRegExp函数用于兼容待删除字符包含正则特殊符号（如., *）的场景，确保匹配准确。如果你的场景中toErase只会是普通字母，可以省略，但保留会让代码更健壮。
• 方案1通过一次正则扫描完成所有处理，效率更高；方案2逻辑直白，更容易理解。

完整测试代码（替换后） #

disappearString = (myString, toErase) => {
  const erasedChars = new Set();
  const regex = new RegExp(`[${escapeRegExp(toErase)}]`, 'g');
  
  return myString.replace(regex, (char) => {
    if (!erasedChars.has(char)) {
      erasedChars.add(char);
      return '';
    }
    return char;
  });
};

function escapeRegExp(str) {
  return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
}

// DO NOT EDIT BELOW THIS LINE
let testStrings = [
    "the quick brown fox jumps over the lazy dog",
    "hello world",
    "software engineering is fun",
    "i like javascript",
    "clown case",
    "rhythms"
]

let stringToDisappear = "aeiou"

let correctStrings = [
    "th qck brwn fox jumps over the lzy dog",
    "hll world",
    "sftwr engneering is fn",
    " lik jvascript",
    "clwn cs",
    "rhythms"
]

for (let strIdx = 0; strIdx < testStrings.length; strIdx++) {
    let test = testStrings[strIdx];
    let correct = correctStrings[strIdx];

    let got = disappearString(test, stringToDisappear);

    if (got == correct) {
        console.log(`${strIdx + 1}: Testing ${test}: Correct!`);
    } else {
        console.log(`${strIdx + 1}: Testing ${test}: Wrong, got ${got}, expected ${correct}`);
    }
}

运行后所有测试用例都会输出Correct!，完全符合需求。

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