JavaScript Number parseFloat（） 方法用于将字符串参数转换为浮点数。如果字符串不以有效数字开头，或者传递的字符串的第一个字符无法转换，则返回 “NaN”。它会忽略字符串前后的任何前导或尾随空格。
什么是浮点数？
浮点数是带有小数点的正整数或负整数。例如，1.2、2.3、4.5、...等。
语法
以下是 JavaScript Number parseFloat（） 方法的语法 -
parseFloat(string)
参数
此方法接受名为 'string' 的参数。下面描述相同 -
- string − 要解析的值。
返回值
此方法从给定字符串中返回一个浮点数，如果第一个非空白字符无法转换为数字，则返回 'NaN'。
示例 1
以下示例演示了 Number parseFloat（） 方法的用法。
<html>
<head>
<title>JavaScript parseFloat() Method</title>
</head>
<body>
<script>
let val = "10.23Ab";
document.write("Given value= " , val)
document.write("<br>Floating-point number = ", Number.parseFloat(val));
</script>
</body>
</html>
输出
上面提到的程序返回浮点数 “10.23”，如下所示 -
Floating-point number = 10.23
示例 2
如果传递给此方法的值无效，它将返回 'NaN'。
在下面的程序中，我们使用 parseFloat（） 方法从传递的值 'ABC' 中检索浮点数。
<html>
<head>
<title>JavaScript parseFloat() Method</title>
</head>
<body>
<script>
let val = "ABC";
document.write("Given value= " , val)
document.write("Floating-point number = ", Number.parseFloat(val));
</script>
</body>
</html>
输出
对于无效值，上述程序返回 'NaN' 为 −
Floating-point number = NaN
示例 3
如果我们将 NaN 作为参数传递给此方法，它将返回 'NaN' 作为输出。
下面是 JavaScript Number parseFloat（） 方法的示例。如果我们将字符串 'NaN' 传递给此方法，这是该方法接受的无效语法，它将返回 'NaN'。
<html>
<head>
<title>JavaScript parseFloat() Method</title>
</head>
<body>
<script>
let val = "NaN";
document.write("Given value= " , val)
document.write("<br>Floating-point number = ", Number.parseFloat(val));
</script>
</body>
</html>
输出
执行上述程序后，它将在输出中返回 'NaN' -
Floating-point number = NaN
示例 4
在下面的程序中，parseFloat（） 方法将 “1.7976931348623159e+308” 作为参数，并在输出中返回 “Infinity”。
<html>
<head>
<title>JavaScript parseFloat() Method</title>
</head>
<body>
<script>
let val = "1.7976931348623159e+308";
document.write("Given value = " , val)
document.write("<br>Floating-point number = ", Number.parseFloat(val));
</script>
</body>
</html>
输出
上述程序为大值返回 “Infinity”，例如 “1.7976931348623159e+308”。
Floating-point number = Infinity
示例 5
让我们看看如果给定字符串的第一个字符为 Not valid，会发生什么情况。
<html>
<head>
<title>JavaScript parseFloat() Method</title>
</head>
<body>
<script>
let val = "a1234";
document.write("Given value= " , val)
document.write("Floating-point number = ", Number.parseFloat(val));
</script>
</body>
</html>
输出
如果给定字符串的第一个字符无效，则 parseFloat（） 方法返回 'NaN'，如下所示 -
Floating-point number = NaN
