parseFloat() 解析浮点数

最后更新：2026-09-09

parseFloat 解析字符串并返回浮点数。与 parseInt 不同，保留小数部分。

分类	全局函数
ES 版本	ES1

📝 语法

parseFloat(字符串);

string	要解析的字符串。

返回值：解析出的浮点数或 NaN。

是否修改原值：否（返回新值）

编辑下方代码，点击运行，在输出面板查看结果：

运行结果：

3.14
42
12.5
1000
NaN

💡 提示 解析 CSS 值的标准方法：parseFloat(getComputedStyle(el).width)。

ℹ️ info parseFloat 没有 radix 参数——始终按十进制解析。

浏览器	Chrome	Edge	Firefox	Safari	Opera
parseFloat()	✓ v1	✓ v12	✓ v1	✓ v1	✓ v1
所有现代浏览器均支持

更多实战案例即将上线，敬请期待。

QparseFloat 和 parseInt 的区别？

AparseFloat 保留小数；parseInt 截断为整数。

QparseFloat 能解析科学记数法吗？

A能——'1e3' 解析为 1000。

QparseFloat('12.5rem') 为什么返回 12.5？

A从第一个可解析字符开始，遇到非数字字符停止——rem 被忽略。

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核，确保内容准确可靠。如发现任何问题，欢迎向我们反馈。