JavaScript parseFloat() 函数

JavaScript parseFloat() 语法

parseFloat() 是 JavaScript 的一个全局函数，它用于将一个字符串转换为一个浮点数。parseFloat() 函数会提取字符串 “开头” 包含的数字（整数或浮点数）。

语法：

parseFloat(string)

说明：

parseFloat() 方法接收单个参数。

string（必选）：是一个字符串。

提示:

parseFloat() 是一个全局函数（顶层函数），我们可以直接调用而无需创建实例。
parseFloat() 在 ES6 中被标准化为 Number.parseFloat()，两者的功能行为完全一致。不过，parseFloat() 作为全局函数仍然广泛被接受和使用。
与 parseFloat() 相似的还有一个 parseInt() 函数，另请参阅：JavaScript parseInt() 函数。

JavaScript parseFloat() 摘要

属于	JavaScript 全局对象
使用频率	高
官方文档	查看
MDN	查看

JavaScript parseFloat() 示例

接下来，我们通过一个简单的例子来讲解一下 JavaScript parseFloat() 是如何使用的。

示例：parseFloat() 基本用法

运行代码

console.log(parseFloat("123"));
console.log(parseFloat("+123"));
console.log(parseFloat("-123"));
console.log(parseFloat("3.1415"));
console.log(parseFloat("3.14e-2"));
console.log(parseFloat("100px"));
console.log(parseFloat("hao123"));
console.log(parseFloat("lvyenet"));

运行结果如下。

123
123
-123
3.1415
0.0314
100
NaN
NaN

分析：

从上面例子可以看出：parseFloat() 会从左到右进行判断，如果第 1 个字符是数字，则继续判断，直到出现非数字为止；如果第 1 个字符是非数字，则直接返回 NaN。

需要清楚的是，parseFloat() 可以识别小数点（.）、加号（+）、减号（-）等的，它会把这些符号认为是数字的一部分。

注意: parseFloat() 函数是没有进制之分的，它无法像 parseInt() 那样可以识别以 “0”、“0x” 开头的 8 进制数或 16 进制数。