如何在JavaScript中將字串轉換為浮點數？

在本文中，我們將討論如何在 JavaScript 中將字串轉換為浮點數。我們可以透過三種方式將字串轉換為浮點數：

  • 使用 parseFloat() 方法。
  • 使用 parseInt() 方法。
  • 使用型別轉換。

使用 parseFloat() 方法

parseFloat() 是 JavaScript 中的一個函式，它接受字串作為輸入並將值轉換為浮點數。

讓我們考慮一個場景，其中字串中包含數字值，如果字串的第一個字元不是數字，則結果輸出將為 NaN，這意味著輸入不是數字。以下是此方法的語法：

parseFloat(value)

注意 - parseFloat() 將返回浮點數作為輸出。如果輸入變數的第一個字元不能轉換為數字，則其輸出結果為 NaN。

示例 1

在下面的示例中，我們對包含空格作為第一個字元的輸入字串執行 parseFloat() 函式。

此函式將忽略空格並將輸出返回為浮點數。在第二個輸入中，我們給出了空格，並且字串的第一個字元不是數字，因此它返回 NaN。

<!DOCTYPE html>
<html>
   <title>parseFloat() function in JavaScript</title>
<head>
   <script>
      function ex1() {
         let a = parseFloat(" 400 ");
         document.write("The floating point number of the string will be: " + a + "<br>");
         let b = parseFloat(" Nikhilesh ");
         document.write("The floating point number of the string will be: " + b);
      }
      ex1()
   </script>
</head>
<body>
</body>
</html>

示例 2

在下面的示例中，我們對包含小數值的輸入值執行 parseFloat() 函式。

該函式將返回與輸入值中相同的小數的輸出。因為輸入值以數字開頭。

<!DOCTYPE html>
<html>
   <title>parseFloat() function in JavaScript</title>
<head>
   <script>
      function ex2() {
         let a = parseFloat("183.1745");
         document.write('The floating point number of the string will be: ' + a);
      }
      ex2()
   </script>
</head>
<body>
</body>
</html>

示例 3

在下面的示例中，我們使用 parseFloat() 來列印字串的浮點數。在下面的例子中，我們有兩個輸入值，“Nikhil007”和“007Jamesbond”。

第一個字元為數字的輸入值將返回輸出，而第一個字元不為數字的輸入值將返回 NaN。

<!DOCTYPE html>
<html>
   <title>parseFloat() function in JavaScript</title>
<head>
   <script>
      function ex3() {
         let a = parseFloat("Nikhil007");
         document.write("when number is not first character : " + a +"<br>");
         let b = parseFloat("007Jamesbond");
         document.write("when number is first character : " + b);
      }
      ex3()
   </script>
</head>
<body>
</body>
</html>

使用 parseInt() 方法

parseInt() 函式幾乎等於 parseFloat() 函式。parseInt() 僅返回整數。

此函式不處理小數，並返回小數點前的值和第一個整數。這些將在下面的示例中討論。

示例 1

在下面的示例中，我們使用了 parseInt() 函式。我們在下面的程式碼中提到了幾個示例。

<!DOCTYPE html>
<html>
<body>
   <h2>The parseInt() Method</h2>
   <p>parseInt() parses a string and returns the first integer:</p>
   <script>
      function parse_Int() {
         let a = parseInt(" 18 ");
         document.write(a + "<br>");
         let b = parseInt("18.00");
         document.write(b + "<br>");
         let c = parseInt("18.33");
         document.write(c + "<br>");
         let d = parseInt("18 10 7");
         document.write(d + "<br>");
         let e = parseInt(" 45 ");
         document.write(e + "<br>");
         let f = parseInt("45 inches");
         document.write(f + "<br>");
         let g = parseInt("she was 99");
         document.write(g + "<br>");
      }
      parse_Int()
   </script>
</body>
</html>

更新於：2022年9月19日

894 次瀏覽

啟動您的職業生涯

完成課程獲得認證

開始學習
廣告
© . All rights reserved.