JavaScript parseFloat()用法及代码示例

下面是 parseFloat() 函数的示例。

Example:


<script>
    var v2 = parseFloat("3.14");
  
    document.write('Using parseFloat("3.14") = ' 
    + v2 + "<br>");
</script>

Output:
```
Using parseFloat("3.14") = 3.14
```

parseFloat() 函数用于接受字符串并将其转换为浮点数。如果字符串不包含数字值或者如果字符串的第一个字符不是数字，则它返回 NaN，即不是数字。它实际上返回一个浮点数，解析到它遇到不是数字的字符的那个点。

用法:

parseFloat(Value)

参数：该函数接受如上所述和以下描述的单个参数：

value此参数包含一个转换为浮点数的字符串。

返回值：它返回一个浮点数，如果字符串的第一个字符不能转换为数字，则该函数返回 NaN，即不是数字。

下面的例子说明了 JavaScript 中的 parseFloat() 函数：

范例1：parseFloat() 函数忽略前导和尾随空格并返回字符串的浮点数。
```
Input:var n = parseFloat("  2018  ");
Output:n=2018 (floating point Number)
```

范例2：

Input:var a = parseFloat("1000.04");
Output:now a = 1000.04(floating point Number)

以上函数的更多示例代码如下：

程序1:


<!DOCTYPE html>
<html>
  
<body>
<script>
    // It ignores leading and trailing spaces.
    a = parseFloat(" 100 ")
    document.write('parseFloat(" 100 ") = ' +a +"<br>");
  
    // It returns floating point Number until
    // it encounters Not a Number character
    b = parseFloat("2018@geeksforgeeks")
    document.write('parseFloat("2018@geeksforgeeks") = '
    +b +"<br>");
  
    // It returns NaN on Non numeral character
    c = parseFloat("geeksforgeeks@2018")
    document.write('parseFloat("geeksforgeeks@2018") = '
    +c +"<br>");
  
    d = parseFloat("3.14")
    document.write('parseFloat("3.14") = '
    +d +"<br>");
  
    // It returns only first Number it encounters
    e = parseFloat("22 7 2018")
    document.write('parseFloat("22 7 2018") = '
    +e +"<br>");
      
    </script>
  
</body>
</html>

输出：

parseFloat(" 100 ") = 100
parseFloat("2018@geeksforgeeks") = 2018
parseFloat("geeksforgeeks@2018") = NaN
parseFloat("3.14") = 3.14
parseFloat("22 7 2018") = 22

程序2:使用 isNaN() 函数测试转换后的值是否为有效数字。


<!DOCTYPE html>
<html>
  
<body>
<script>
    var x = parseFloat("3.14");
    if (isNaN(x))
        document.write("x is not a number" + "<br>");
    else
        document.write("x is a number" + "<br>");
  
    var y = parseFloat("geeksforgeeks");
    if (isNaN(y))
        document.write("y is not a number" + "<br>");
    else
        document.write("y is a number" + "<br>");
  
    // Difference between parseInt() and parseFloat()
    var v1 = parseInt("3.14");
    var v2 = parseFloat("3.14");
  
    document.write('Using parseInt("3.14") = ' 
    + v1 + "<br>");
    document.write('Using parseFloat("3.14") = ' 
    + v2 + "<br>");
</script>
  
</body>
</html>

输出：

x is a number
y is not a number
Using parseInt("3.14") = 3
Using parseFloat("3.14") = 3.14

支持的浏览器：

谷歌浏览器
Firefox
IE浏览器
Safari
Opera

注：本文由纯净天空筛选整理自vivekkothari大神的英文原创作品 JavaScript parseFloat() Function。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。