如何將JS字符串轉換為浮點數

JS中字符串與數字類型數據是兩種不同的類型，在特定場景下需要將字符串類型數據轉換為數字類型數據。本文將從以下幾個方面詳細介紹如何將JS字符串類型數據轉換為浮點數類型數據。

一、使用parseFloat()方法

JS中有一個parseFloat()方法可以將一個字符串類型的數值轉換成一個浮點型數值。該方法將處理參數直到字符結尾或第一個非法字符出現，返回浮點數值，或 NaN（如果開始就是非法字符），例如”12.3.4″返回12.3。示例如下：

    let str = "3.14";
    let num = parseFloat(str);
    console.log(num);  //3.14

需要注意的是，如果字符串本身不是數字類型而是其他類型，則無法使用該方法進行轉換。例如：

    let str = "Hello World";
    let num = parseFloat(str);
    console.log(num);  //NaN

二、使用Number()方法

除了parseFloat()方法外，JS中還提供了Number()方法用於將字符串類型數據轉換為數字類型數據。該方法執行更嚴格的轉換，如果字符串包含的不是數字，將返回NaN。例如：

    let str = "3.14";
    let num = Number(str);
    console.log(num);  //3.14

需要注意的是，Number()方法的轉換規則比較嚴格，例如空字符串(“”)和純空格字符串(“ ”)都被轉換為數字0，但純字符串類型的值為NaN，示例如下：

    let num1 = Number("");  //0
    let num2 = Number("   ");  //0
    let num3 = Number("Hello World");  //NaN

三、使用parseInt()方法

如果需要將字符串轉換為整數，則應使用parseInt()方法，該方法將會解析字符串，並返回整數值。例如：

    let str = "3.14";
    let num = parseInt(str);
    console.log(num);  //3

需要注意的是，該方法不會將數字字符串類型轉換為浮點型，如果需要將小數點後面的內容也轉換為浮點型，則需要在方法中傳入第二個參數，指定轉換進制。例如：

    let str = "3.14";
    let num = parseInt(str, 10);
    console.log(num);  //3

    let fnum = parseInt(str, 2);
    console.log(fnum);  //NaN

第二個參數接受一個整數值，表示要解析的數字是幾進制的值。如果第一個字符是數字，則該值將被忽略。如果不是0-9中的數字字符，則返回NaN。

總結

以上是JS中將字符串類型數據轉換為浮點型數據的三種方法，分別使用parseFloat()方法、Number()方法、parseInt()方法。需要根據具體的場景選擇合適的方法。