JavaScript Number parseFloat() 方法

JavaScript Number **parseFloat()** 方法用于将字符串参数转换为浮点数。如果字符串不是以有效数字开头，或者传递的字符串的第一个字符无法转换，则返回“NaN”。它会忽略字符串之前和之后任何前导或尾随空格。

**注意：**解析字符串意味着以某种方式理解它。例如，将字符串“10”解析为数字意味着将其理解为数字十。

什么是浮点数？

浮点数是一个带小数点的正数或负数整数。例如，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”，如下所示：

Given value= 10.23Ab
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'，如下所示：

Given value= ABC
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'：

Given value= 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>

输出

对于像“1.7976931348623159e+308”这样的大值，上述程序返回“Infinity”。

Given value = 1.7976931348623159e+308
Floating-point number = Infinity

示例 5

让我们看看如果给定字符串的第一个字符**无效**会发生什么。

<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'，如下所示：

Given value= a1234
Floating-point number = NaN

打印页面