如何用HTML/JavaScript将Django变量中的多位数字按规则转为对应字母

实现方案 #

推荐使用映射对象+逐位遍历的方案，比switch扩展性更强，也能天然支持多位数字转换，具体修改如下：

核心优化点 #

• 替换switch为映射对象，后续新增映射规则只需在对象里加键值对即可，无需修改逻辑
• 将数字转为字符串后逐位遍历匹配，自动支持多位数字转换
• 增加兜底逻辑，遇到未定义的数字位不会输出无效内容

完整代码 #

<script type="text/javascript"> 
function myFunction() {
  // 数字到字母的映射表，后续新增规则直接在这里补即可
  const numMap = {
    "1": "M",
    "2": "A",
    "3": "K",
    "4": "E"
  };
  // 获取Django变量后转成字符串，方便逐位处理
  const numStr = {{ Label.MetaData.price|number_format(0, '', '')|raw }}.toString();
  let text = '';
  // 逐位遍历数字字符串，查表拼接结果
  for (let char of numStr) {
    // 匹配到规则就输出对应字母，没匹配到可以保留原字符或者填空，可按需调整
    text += numMap[char] || char;
  }
  document.getElementById("code").innerHTML = text; 
}
</script>
<p id="code"></p>

可选补充方案 #

如果不需要前端动态处理，也可以直接在Django的视图层或者自定义模板过滤器中完成转换，直接渲染最终字母字符串到页面，无需额外引入JS代码。

内容的提问来源于stack exchange，提问作者k.griegel2