JavaScript如何進行兩個浮點數的減法運算?


我們熟悉兩個浮點數的減法運算,也知道如何在浮點數之間使用減法條件。為了正確地減去兩個浮點數,可以使用parseFloat()以及toFixed()。讓我們深入本文,瞭解更多關於JavaScript中兩個浮點數減法運算的資訊。

parseFloat() 函式

parseFloat()方法將字串作為輸入,並將其轉換為浮點值。如果字串為空或其第一個字元不是數字值,則該函式返回NaN(非數字)。它實際上返回一個解析後的浮點數,直到遇到非數字字元為止。

語法

以下是parseFloat()函式的語法。

parseFloat(Value)

toFixed() 函式

在JavaScript中,可以使用toFixed()方法以定點表示法格式化數字。它可以應用於數字,以將其格式化為小數點右邊有特定位數的數字。

語法

以下是toFixed()的語法。

number.toFixed( value )

讓我們來看以下示例,以更好地理解JavaScript中兩個浮點數的減法運算。

示例

在以下示例中,我們正在執行指令碼以減去兩個浮點數。

<!DOCTYPE html>
<html>
<body>
   <h3> Click the below button to subtract two float values</h3>
   <button onclick="flchk()">Click me</button>
   <p id = "value1"></p>
   <p id = "value2"></p>
   <p id = "value3"></p>
   <script>
      function flchk()
      {
         var timin=parseFloat(12.10)
         document.getElementById("value1").innerHTML = "First float Value: " + timin;
         var timout=parseFloat(14.15)
         document.getElementById("value2").innerHTML ="Second float Value: " + timout;
         var Tottim=(timout-timin)
         document.getElementById("value3").innerHTML = "After subtrtacting:" + Tottim
      }
   </script>
</body>
</html>

當指令碼執行時,它將生成一個包含按鈕和文字的輸出。當用戶點選按鈕時,事件被觸發,並在網頁上顯示兩個浮點值以及減法後的結果。

示例

考慮另一個示例,其中我們使用parseFloat()和toFixed()來減去兩個浮點值。

<!DOCTYPE html>
<html>
<body>
   <script>
      total = 2.2;
      discount_amt = 2.3;
      document.write(parseFloat(total).toFixed(1) + ' ' + "<br>" + parseFloat(discount_amt).toFixed(1) + "<br>");
      total = parseFloat(total).toFixed(1) - parseFloat(discount_amt).toFixed(1);
      document.write(parseFloat(total).toFixed(1));
   </script>
</body>
</html>

執行上述指令碼後,網頁瀏覽器會在網頁上顯示兩個浮點值以及減去這兩個浮點值後得到的結果值,該結果值是由於使用者執行指令碼時觸發的事件而產生的。

示例

讓我們再來看另一個示例,其中我們正在執行指令碼以減去兩個浮點值。

<!DOCTYPE html>
<html>
<body>
   <script>
      var firstValue=4.3;
      var secondValue=3.8;
      document.write("The first Value="+parseFloat(firstValue).toFixed(1)+ "<br>" +" The second Value="+parseFloat(secondValue).toFixed(1) + "<br>")
      var result = parseFloat(firstValue).toFixed(1) -parseFloat(secondValue).toFixed(1);
      document.write("Result is="+result);
   </script>
</body>
</html>

當指令碼執行時,它將生成一個包含兩個浮點值以及結果值的輸出,該結果值是由於指令碼執行時觸發的事件而產生的,從而使這兩個浮點值相減。

更新於: 2023年1月18日

2K+ 次瀏覽

開啟你的職業生涯

透過完成課程獲得認證

開始學習
廣告