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"之类的较大值返回"无穷大"。

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