JavaScript Number parseFloat()用法及代码示例

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

用法:

parseFloat(Value)

参数：此方法接受单个参数。

value:此参数获取转换为浮点数的字符串。

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

以下是 parseFloat() 方法的示例：

示例 1：

javascript


let v2 = parseFloat("3.14"); 
  
console.log('Using parseFloat("3.14") = ' + v2);

输出：

Using parseFloat("3.14") = 3.14

示例 2：

javascript


// It ignores leading and trailing spaces. 
a = parseFloat(" 100 ") 
console.log('parseFloat(" 100 ") = ' + a); 
  
// It returns floating point Number until 
// it encounters Not a Number character 
b = parseFloat("2018@geeksforgeeks") 
console.log('parseFloat("2018@geeksforgeeks") = '
    + b); 
  
// It returns NaN on Non numeral character 
c = parseFloat("geeksforgeeks@2018") 
console.log('parseFloat("geeksforgeeks@2018") = '
    + c); 
  
d = parseFloat("3.14") 
console.log('parseFloat("3.14") = '
    + d); 
  
// It returns only first Number it encounters 
e = parseFloat("22 7 2018") 
console.log('parseFloat("22 7 2018") = '
    + e);

输出： parseFloat()函数忽略前导空格和尾随空格并返回字符串的浮点数。

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

示例 3：使用isNaN()函数来测试转换后的值是否是有效数字。

javascript


let x = parseFloat("3.14"); 
if (isNaN(x)) 
    console.log("x is not a number"); 
else
    console.log("x is a number"); 
  
let y = parseFloat("geeksforgeeks"); 
if (isNaN(y)) 
    console.log("y is not a number"); 
else
    console.log("y is a number"); 
  
// Difference between parseInt() and parseFloat() 
let v1 = parseInt("3.14"); 
let v2 = parseFloat("3.14"); 
  
console.log('Using parseInt("3.14") = '
    + v1); 
console.log('Using parseFloat("3.14") = '
    + v2);

输出：

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

支持的浏览器：

谷歌浏览器 1 及以上版本
边 12 及以上
火狐浏览器1及以上版本
Internet Explorer 3 及更高版本
Safari 1 及以上版本
Opera 3 及以上版本

我们有一份完整的清单JavaScript Number 构造函数、属性和方法列表，要了解有关数字的更多信息，请阅读该文章。

相关用法

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