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+ 次浏览

开启你的职业生涯

通过完成课程获得认证

开始学习
广告