parseFloat最常用，因其专为解析字符串中浮点数设计，自动忽略开头空白及后续非数字字符（如px、%），只提取首个合法数字部分并返回，不报错；而parseInt会截断小数，Number要求全字符串合法。
直接用 parseFloat() 就行，它会自动忽略单位并提取开头的数字部分。
为什么 parseFloat 最常用
parseFloat() 专门设计用于解析字符串中的浮点数，遇到非数字字符（如 px、em、%）就停止，只返回前面合法的数字。它不关心后面是什么，也不报错。
-
parseFloat("123px")→ 123 -
parseFloat("45.67em")→ 45.67 -
parseFloat("-20%")→ -20 -
parseFloat("abc100")→ NaN（开头不是数字，无法解析）
注意 parseInt 和 Number 的区别
parseInt("123px") 也能得到 123，但它默认按十进制解析，且会截断小数——比如 parseInt("45.67em") 返回 45，丢失精度。
Number("123px") 则更严格：只要字符串整体不能转为有效数字，就直接返回 NaN（例如 Number("123px") 是 NaN）。
立即学习“Java免费学习笔记（深入）”；
需要更严谨时可加校验
如果担心输入格式混乱（如空格、多个单位、负号位置异常），可以先简单清洗再解析：
- 用正则提取“可能带符号和小数点的数字部分”：
const numStr = str.match(/^[-+]?\d*\.?\d+/)?.[0] || "0"; - 再用
parseFloat(numStr)转换，避免NaN风险 - 或封装成安全函数：
function toNumber(str) { return parseFloat(str) || 0; }
实际场景举例
获取元素样式时很常见：
-
getComputedStyle(el).fontSize返回"16px"→parseFloat(...)得 16 -
el.style.width可能是"50%"或"auto"→ 先判断是否含数字再解析，避免NaN
