JavaScript Number.parseFloat() 方法

JavaScript Number.parseFloat() 语法

Number.parseFloat() 是 JavaScript Number 对象的一个静态方法，它用于将一个字符串转换为一个浮点数。parseFloat() 函数会提取字符串开头包含的数字（整数或浮点数）。

Number.parseFloat() 方法和 parseFloat() 全局函数的功能是完全相同的，之所以推出 Number.parseFloat()，其目的是对全局变量进行模块化。

语法：

Number.parseFloat(string)

说明：

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

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

JavaScript Number.parseFloat() 摘要

JavaScript Number.parseFloat() 示例

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

示例：Number.parseFloat() 基本用法

// 1. 基本用法
console.log(Number.parseFloat("3.1415"));     // 3.1415
console.log(Number.parseFloat("3.0"));        // 3 (注意：整数后的.0会被保留显示为3)

// 2. 多个小数点 (重点！)
console.log(Number.parseFloat("3.14.15"));    // 3.14 (遇到第二个点停止解析)

// 3. 自动去除前置空格
console.log(Number.parseFloat("  10.5"));     // 10.5

// 4. 科学计数法 (parseInt 做不到的)
console.log(Number.parseFloat("314e-2"));     // 3.14

// 5. 截取规则
console.log(Number.parseFloat("100px"));      // 100
console.log(Number.parseFloat("hao123"));     // NaN

运行结果如下。

3.1415
3
3.14
10.5
3.14
100
NaN

分析：

Number.parseFloat() 会自动忽略字符串前面的空格。它会从第一个非空字符开始解析，支持数字、正负号（+ -）、小数点（.）以及科学计数法标记（e 或 E）。

需要注意的是，它只能识别第一个小数点。如果字符串中包含两个小数点（如 "3.14.15"），解析会在第二个小数点处停止，返回 3.14。

此外，关于 Number.parseFloat() 的更多用法，小伙伴们可以参考：JavaScript parseFloat() 函数。