特定单词中字母与数字匹配的JavaScript实现问题求助

看起来你卡在了带数字后缀的字母转换上，我来帮你搞定这个问题！先理清楚你的核心需求：要把单个字母（不管后面有没有数字）转换成对应的单词，带数字的字母要输出大写单词，纯小写字母输出小写单词，比如A2D2B要转成HAY DAY BEE，而不是保留原字符串。

问题分析 #

你当前的代码只处理了单独的字母替换，没覆盖「字母+数字」的组合，比如A2这种模式，所以才会出现A2D2B没被转换的情况。我们需要调整正则表达式，先匹配所有需要转换的字母模式，再统一处理转换逻辑。

修改后的代码 #

$("button.btn#convert").click(function(){
  // 定义字母到对应单词的映射表，方便后续维护
  const letterToWord = {
    'a': 'hay',
    'b': 'bee',
    'c': 'see',
    'd': 'day'
  };

  let inputText = $("input#text-input").val();
  
  // 核心正则：匹配两种情况——单个小写字母，或大写字母+任意数量数字（包括无数字的大写字母）
  let convertedText = inputText.replace(/([a-z])|([A-Z]\d*)/g, (matchedStr, lowercaseChar, upperWithNum) => {
    if (lowercaseChar) {
      // 小写字母直接返回对应小写单词
      return letterToWord[lowercaseChar];
    } else if (upperWithNum) {
      // 提取大写字母部分（忽略后面的数字），转成对应大写单词
      const targetLetter = upperWithNum.charAt(0).toLowerCase();
      return letterToWord[targetLetter].toUpperCase();
    }
    // 不匹配的内容原样返回
    return matchedStr;
  });

  $("div#output").text(convertedText);
});

代码解释 #

1. 映射表：用对象存储字母和对应单词的关系，后续要修改对应关系直接改这个表就行，非常方便；
2. 正则表达式：/([a-z])|([A-Z]\d*)/g 会匹配所有单个小写字母，以及大写字母后面跟0个或多个数字的组合（比如A、A2、D2、B都能被匹配到）；
3. 替换逻辑：
   • 匹配到小写字母时，直接返回映射表里的小写单词；
   • 匹配到带数字的大写字母时，只取第一个字符（也就是字母本身），转小写后去映射表里找对应的单词，再转成大写输出；
   • 不匹配的内容（比如~、空格、括号）直接原样返回。

测试效果 #

输入：A B~A C D A2D2B (A2)
输出：hay bee~hay see day HAY DAY BEE (HAY)
完全符合你的期望结果！

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