求助：实现替换字符串特殊字符的JavaScript辅助函数遇问题

问题分析 #

你尝试用对象存储特殊字符与目标字符的映射，但替换逻辑存在多处错误：

• 遍历对象时错误使用specialChars.length，对象没有该属性，循环根本不会执行
• 替换时specialChars[str]逻辑错误，应该用对象的键去匹配字符串中的特殊字符，而非用原字符串作为键
• 循环内的return语句会导致函数在第一次检查后就直接返回，无法完成所有特殊字符的替换
• 提前检查是否包含特殊字符的步骤其实可以省略，直接执行替换逻辑即可

修正后的代码 #

export function fixEncoding(str) {
  const specialChars = {
    "À": "À",
    "Á": "Á",
    "Â": "Â",
    "Ã": "Ã",
    "Ä": "Ä",
    "Å": "Å",
    "à": "à",
    "á": "á",
    "â": "â",
    "ã": "ã",
    "ä": "ä",
    "å": "å",
    "Æ": "Æ",
    "æ": "æ",
    "ß": "ß",
    "Ç": "Ç",
    "ç": "ç",
    "È": "È",
    "É": "É",
    "Ê": "Ê",
    "Ë": "Ë",
    "è": "è",
    "é": "é",
    "ê": "ê",
    "ë": "ë",
    "ƒ": "ƒ",
    "Ì": "Ì",
    "Í": "Í",
    "Î": "Î",
    "Ï": "Ï",
    "ì": "ì",
    "í": "í",
    "î": "î",
    "ï": "ï",
    "Ñ": "Ñ",
    "ñ": "ñ",
    "Ò": "Ò",
    "Ó": "Ó",
    "Ô": "Ô",
    "Õ": "Õ",
    "Ö": "Ö",
    "ò": "ò",
    "ó": "ó",
    "ô": "ô",
    "õ": "õ",
    "ö": "ö",
    "Ø": "Ø",
    "ø": "ø",
    "Œ": "Œ",
    "œ": "œ",
    "Š": "Š",
    "š": "š",
    "Ù": "Ù",
    "Ú": "Ú",
    "Û": "Û",
    "Ü": "Ü",
    "ù": "ù",
    "ú": "ú",
    "û": "û",
    "ü": "ü",
    "µ": "µ",
    "×": "×",
    "Ý": "Ý",
    "Ÿ": "Ÿ",
    "ý": "ý",
    "ÿ": "ÿ",
    "°": "°",
    "†": "†",
    "‡": "‡",
    "&lt;": "<",
    "&gt;": ">",
    "&#177;": "±",
    "&#171;": "«",
    "&#187;": "»",
    "&#191;": "¿",
    "&#161;": "¡",
    "&#183;": "·",
    "&#149;": "•",
    "&#153;": "™",
    "&copy;": "©",
    "&reg;": "®",
    "&#167;": "§",
    "&#182;": "¶",
    "&#039;": "'",
    "&quot;": '"',
  };

  // 遍历所有特殊字符键，逐个替换
  let result = str;
  for (const charCode of Object.keys(specialChars)) {
    // 创建全局匹配的正则，确保替换所有出现的该字符
    const regex = new RegExp(charCode.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'), 'g');
    result = result.replace(regex, specialChars[charCode]);
  }

  return result;
}

关键改进点 #

• 用Object.keys(specialChars)获取所有特殊字符编码，遍历每个编码进行替换
• 使用正则表达式并添加g标志，确保替换字符串中所有匹配的特殊字符，而非仅第一个
• 对正则特殊字符进行转义（比如&、;等），避免正则语法错误
• 先将原字符串赋值给result，在循环中逐步更新，最后返回最终结果，确保所有替换都完成
• 移除了不必要的isinclude检查，直接执行替换逻辑更高效

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