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