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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。