如何用数组实现字符串字符与对象对应值替换？代码输出异常求助

问题根源 #

• 重复拼接错误：初始res为空字符串，每次循环都将完整的替换后字符串追加到res，导致最终结果是两次替换结果的拼接（第一次处理й的结果 + 第二次处理ц的结果），这是输出冗余内容的直接原因。
• 冗余字符处理：replace回调中的s已经是匹配到的单个目标字符，无需拆分后再执行map操作，直接取映射值即可。

修复后的代码 #

function handleCyrillic(str) {
  const charMap = {
    й: "\\'e9",
    ц: "\\'f6",
  };
  // 初始化res为原字符串，后续基于此逐步替换
  let res = str;

  Object.keys(charMap).forEach((char) => {
    const regex = new RegExp(char, "gi");
    // 用当前res执行替换并覆盖更新，避免重复拼接
    res = res.replace(regex, (matchedChar) => charMap[matchedChar]);
  });
  return res;
}
console.log(handleCyrillic("цй  йй!!")); // 输出：\'f6\'e9  \'e9\'e9!!

优化说明 #

• 将obj重命名为charMap，语义更清晰。
• 调整res的初始化与更新逻辑，确保每次替换都是基于最新的处理结果，而非重复拼接完整字符串。
• 简化replace回调逻辑，直接返回映射表中对应的字符，去掉冗余的拆分与遍历操作。

更高效的实现（可选） #

如果字符映射较多，可通过正则一次性匹配所有目标字符，减少循环次数：

function handleCyrillic(str) {
  const charMap = {
    й: "\\'e9",
    ц: "\\'f6",
  };
  // 生成匹配所有目标字符的正则表达式
  const regex = new RegExp(Object.keys(charMap).join('|'), 'gi');
  return str.replace(regex, (matched) => charMap[matched]);
}

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