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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。