如何用JavaScript为带USD的金额添加千位逗号分隔符

问题根源是你用parseFloat提取数字时直接丢弃了原始文本里的"USD"单位，导致格式化后无法保留。可以通过拆分数字与单位的方式解决：

1. 拆分数字与货币单位：从原始文本中分离出数字字符串和"USD"，避免单位信息丢失
2. 格式化数字：对提取的数字做千位分隔和小数位数处理
3. 拼接结果：将格式化后的数字与"USD"重新组合

修改后的代码如下：

JavaScript 代码 #

var priceText = $("abbr").text();
// 用正则匹配分离数字和USD单位
var matchResult = priceText.match(/(\d+(\.\d+)?)\s*(USD)/);
if (matchResult) {
  var num = parseFloat(matchResult[1]);
  var formattedNum = num.toLocaleString(undefined, { minimumFractionDigits: 2 });
  var result = `${formattedNum} ${matchResult[3]}`;
  console.log('result', result);
  $("abbr").text(result);
}

HTML 代码 #

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<abbr>16000 USD</abbr>

代码说明 #

• 正则表达式/(\d+(\.\d+)?)\s*(USD)/精准匹配文本中的数字部分和"USD"单位，确保两者都被保留
• 对数字执行toLocaleString格式化，实现千位分隔并强制保留两位小数
• 最后拼接格式化数字与"USD"，得到期望的16,000.00 USD

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