parseFloat() -- 将一个字符串解析成一个浮点数

小甲鱼

parseFloat() -- 将一个字符串解析成一个浮点数

函数概述

parseFloat() 函数用于将一个字符串解析成一个浮点数。

它会解析字符串中的数字部分，直到遇到第一个非数字字符，并返回解析得到的浮点数。


函数语法

1. parseFloat(string);

复制代码

参数解析

参数	含义
string	要解析的字符串。 该字符串可以包含数字和非数字字符，parseFloat() 会从字符串的开头开始解析，直到遇到第一个非数字字符为止。

返回值

返回一个浮点数。

如果无法解析，则返回 NaN（Not-a-Number）。


基本用法

1. // 解析简单的浮点数
   
2. console.log(parseFloat('3.14')); // 输出 3.14
   
3. 
   
4. // 解析整数
   
5. console.log(parseFloat('10')); // 输出 10
   
6. 
   
7. // 忽略非数字字符
   
8. console.log(parseFloat('3.14abc')); // 输出 3.14
   
9. 
   
10. // 字符串开头非数字
    
11. console.log(parseFloat('abc3.14')); // 输出 NaN
    
12. 
    
13. // 解析带有指数的浮点数
    
14. console.log(parseFloat('1.23e+2')); // 输出 123
    
15. 
    
16. // 空字符串
    
17. console.log(parseFloat('')); // 输出 NaN
    
18. 
    
19. // 带空格的字符串
    
20. console.log(parseFloat('   3.14   ')); // 输出 3.14

复制代码

注意事项

NaN 处理：如果字符串无法解析为浮点数，parseFloat() 会返回 NaN。可以使用 isNaN() 函数来检测返回值是否为 NaN。

处理科学计数法：parseFloat() 可以正确解析科学计数法表示的数值。

1. console.log(parseFloat('1.23e+2')); // 输出 123
   
2. console.log(parseFloat('1.23e-2')); // 输出 0.0123

复制代码

空字符串：解析空字符串会返回 NaN。

自动去除空格：parseFloat() 会自动忽略字符串开头和结尾的空格。

不支持指定基数：与 parseInt() 不同，parseFloat() 不支持指定基数。它始终解析十进制数。

忽略超出部分：parseFloat() 会从字符串的开头开始解析，直到遇到第一个非数字字符为止。后续的字符会被忽略。

1. console.log(parseFloat('3.14abc')); // 输出 3.14
   
2. console.log(parseFloat('3.14.159')); // 输出 3.14

复制代码