Number.parseFloat()仅提取字符串开头合法浮点数前缀，遇非法字符即停止；精准提取需先正则匹配再解析验证，多数值需全局匹配并过滤。
Number.parseFloat() 会从字符串开头开始解析，遇到第一个无法组成有效浮点数的字符就停止，因此它“看似能跳过干扰”，但实际行为更接近“贪婪前缀提取”——不是精准提取，而是**提取开头合法数字部分**。要真正精准提取原始字符串中的浮点数（尤其当数字被包裹、混杂或存在多个时），不能只依赖它的默认行为。
理解 Number.parseFloat() 的真实解析逻辑
它不忽略开头空格以外的任何字符；一旦开头不是数字、+、− 或 .（且后面跟数字），就返回 NaN。例如：
-
Number.parseFloat("abc12.34")→ NaN（开头非数字） -
Number.parseFloat(" 12.34px")→ 12.34（跳过开头空格，停在 p） -
Number.parseFloat("−.5e−3xyz")→ -0.005（完整解析科学计数法，停在 x）
它不支持全局匹配，也不识别引号、括号、逗号分隔符等上下文——这些都会导致截断或失败。
精准提取单个浮点数：先清理再解析
若目标是提取字符串中“唯一合理的浮点数值”（如 CSS 值 "width: 12.5px"），推荐预处理：
- 用正则提取最可能的数字片段：
str.match(/[-+]?\d*\.?\d+(?:[eE][-+]?\d+)?/) - 取匹配结果（如有）并传给 Number.parseFloat() 进行安全转换
- 验证结果是否为有限数字：
isFinite(num)
示例：
function extractFloat(str) {
const match = str.match(/[-+]?\d*\.?\d+(?:[eE][-+]?\d+)?/);
if (!match) return NaN;
const num = Number.parseFloat(match[0]);
return isFinite(num) ? num : NaN;
}
extractFloat("padding: 2.5rem;"); // → 2.5
extractFloat("error: -0.001e2 invalid"); // → -0.1
提取多个浮点数：用 match + map 组合
当字符串含多个独立浮点数（如 "1.2, 3.4, −5.6e1"），Number.parseFloat() 完全不适用。应：
- 用正则全局匹配所有潜在浮点模式：
str.match(/[-+]?\d*\.?\d+(?:[eE][-+]?\d+)?/g) - 对每个匹配项调用 Number.parseFloat() 转换
- 过滤掉 NaN 和非有限值
注意：该正则不匹配纯小数点（如 "."）或孤立符号（如 "+"），避免误捕。
规避常见干扰的关键细节
-
千位分隔符（逗号）：JavaScript 不支持，需提前替换：
str.replace(/,/g, "") -
全角字符（如中文句号
。、全角减号－）：正则需额外覆盖，或先统一转半角 -
百分号、单位（%、px、em）：它们本身不干扰 parseFloat（因在数字后），但若出现在中间（如
"10%25"）会导致截断为 10 —— 此时必须靠正则定位完整数字 -
Unicode 数字（如阿拉伯数字）：Number.parseFloat() 不识别，需用
Intl.NumberFormat或自定义映射
