JavaScript 减去两个浮点值?

javascriptweb developmentfront end technology

我们熟悉两个浮点值的减法,并且知道如何在浮点值之间使用减法条件。要正确减去两个浮点值,请使用 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>

运行上述脚本时,Web 浏览器会在网页上显示两个浮点值,以及通过减去由于用户运行脚本时触发的事件而产生的两个浮点值而获得的结果值。

示例

让我们看另一个示例,其中我们正在运行脚本来减去两个浮点值。

<!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>

当脚本执行时,它将生成一个由两个浮点值组成的输出,以及由脚本执行时触发的事件获得的结果值,使两个浮点值相减。


相关文章