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

小甲鱼

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

函数概述

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

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


函数语法

parseFloat(string);

参数解析

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

返回值

返回一个浮点数。

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


基本用法

// 解析简单的浮点数
console.log(parseFloat('3.14')); // 输出 3.14

// 解析整数
console.log(parseFloat('10')); // 输出 10

// 忽略非数字字符
console.log(parseFloat('3.14abc')); // 输出 3.14

// 字符串开头非数字
console.log(parseFloat('abc3.14')); // 输出 NaN

// 解析带有指数的浮点数
console.log(parseFloat('1.23e+2')); // 输出 123

// 空字符串
console.log(parseFloat('')); // 输出 NaN

// 带空格的字符串
console.log(parseFloat('   3.14   ')); // 输出 3.14

注意事项

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

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

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

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

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

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

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

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