JavaScript中格式化货币字符串转数字失败问题求助

问题出在你只移除了逗号，但字符串开头的美元符号$还保留着，parseFloat/parseInt/Number()遇到非数字起始字符时会返回NaN。以下是几种可行的处理方式：

方法1：直接移除美元符号和逗号 #

先同时清理掉逗号和美元符号，再转换为数字：

var tkwhCostText = $("#total-kwh-cost").text();
// 移除所有逗号和美元符号
var cleanNumStr = tkwhCostText.replace(/,/g, '').replace(/\$/g, '');
var tkwhCost = parseFloat(cleanNumStr);

方法2：正则提取数字部分 #

用正则直接匹配字符串中的数字（包含小数），跳过所有非数字字符：

var tkwhCostText = $("#total-kwh-cost").text();
// 匹配整数或小数部分
var numMatch = tkwhCostText.match(/\d+(\.\d+)?/);
// 匹配到则转数字，没匹配到设默认值0
var tkwhCost = numMatch ? parseFloat(numMatch[0]) : 0;

方法3：用Intl API解析（通用多场景） #

如果后续可能处理其他地区的货币格式，用Intl.NumberFormat的解析逻辑更稳妥：

// 初始化USD格式解析器
var usdFormatter = new Intl.NumberFormat('en-US', {
  style: 'currency',
  currency: 'USD'
});

var tkwhCostText = $("#total-kwh-cost").text();
// 拆分格式部件，只保留数字相关部分
var numStr = usdFormatter.formatToParts(tkwhCostText).reduce((acc, part) => {
  if (['integer', 'decimal', 'fraction'].includes(part.type)) {
    return acc + part.value;
  }
  return acc;
}, '');

var tkwhCost = parseFloat(numStr);

处理完成后，tkwhCost就是可用于运算的数字类型，用isNaN(tkwhCost)检测会返回false。

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