JavaScript Number parseFloat() 方法



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

注意:To parse a string 的意思是以某种方式理解它。例如,将字符串 “10” 解析为数字意味着将其理解为数字 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>

输出

上述程序为大值返回 “Infinity”,例如 “1.7976931348623159e+308”。

Given value = 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',如下所示 -

Given value= a1234
Floating-point number = NaN