Javascript parseFloat()用法及代碼示例

parseFloat()是JavaScript中的內置函數，用於接受字符串並將其轉換為浮點數。如果字符串不包含數字值，或者字符串的第一個字符不是數字，則返回NaN，即不是數字。實際上，它會返回一個浮點數，該浮點數經過解析後會遇到一個非數字字符。句法：

parseFloat(Value)

參數：它接受參數“value”，該參數包含轉換為浮點數的字符串。
返回值：它返回一個浮點數，並且如果字符串的第一個字符不能轉換為數字，則該函數返回NaN，即不是數字。
Example:

Input: var n = parseFloat("  2018  ");
Output: n=2018 (floating point Number)
The parseFloat() function ignores leading and trailing spaces and
returns the floating point Number of the string.

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

JavaScript代碼顯示此函數的工作方式：
代碼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

相關用法

注：本文由純淨天空篩選整理自vivekkothari大神的英文原創作品 JavaScript | parseFloat() with Examples。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。