如何在 JavaScript 中检查两个数字近似相等？-js教程-PHP中文网

算法

示例 2

首页

web前端

js教程

如何在 JavaScript 中检查两个数字近似相等？

PHPz

Sep 12, 2023 pm 10:29 PM

如何在 JavaScript 中检查两个数字近似相等？

在本教程中，我们将检查两个数字是否近似相等。如果给定的两个数字相等，那么我们将打印 yes，否则则不是。

但是让我明确一下，我们不会在这里做任何魔术，基本上我们还必须给出一个 epsilon 值。

因此，当我们计算这两个数字之间的绝对差，然后与 epsilon 进行比较时，如果绝对差小于 epsilon，则两个数字近似相等，否则不近似相等。假设给出的两个数字是 6.79 和 6.75，epsilon 为 0.05，因此我们首先计算绝对差，结果为 abs (6.79-6.75)=0.04，它小于 epsilon 值，因此数字近似相等.

您可能会想为什么是绝对的？

所以，这是在我们要从中减去的第一个值是最小值并且我们要减去的值是最小值的情况下，那么在这种情况下差异将为负，并且不会给出所需的输出。所以，通过取绝对值我们可以摆脱这个问题。

让我们举个例子

Input:
   Value1= 2.03
   Value2= 2.01
   Epsilon= 0.01
Output:
   Approximately NOT equal

登录后复制

当我们计算两个数字之间的绝对差时，它将是 0.02，而给定的 epsilon 值是 0.01，因此我们的绝对差大于 epsilon 值，因此它不近似相等。

语法

以下是检查两个数字是否近似相等的语法/伪代码 -

Const difference= Math.abs(val1-val2);
if(difference<epsilon){
   approximately equal
} else {
   Aapproximately NOT equal
}

登录后复制

算法

第1步 - 从用户处输入两个数字和epsilon值。将这些值分别分配给变量 val1、val2、epsilon。
第 2 步 - 计算两个数字 val1 和 val2 之间的绝对差。将此差异分配给变量差异。
步骤 3 - 检查差异是否小于 epsilon。如果为真，则显示正确的消息，说明两个数字大约相等。如果为 false，则显示数字不近似相等的正确消息。

示例 1

让我们将函数代码嵌入到 HTML 代码中以检查现实世界的工作情况。尝试输入不同的数字和 epsilon 值来检查不同的情况。

<!DOCTYPE html>
<html>
<body>
   <h1>Approximately Equal?</h1>
   <input type="number" id="val1" placeholder="Enter number1.." /><br><br>
   <input type="number" id="val2" placeholder="Enter number2.." /><br><br>
   <input type="number" id="epsilon" placeholder="Enter max epsilon.." /><br><br>
   <input type="button" value="IsEqual?" onClick="checkIf_approx_equal()" style="color: blue; margin-left: 35px;"/>
   <h2 id="writeHere"></h2>
   <script>
      function checkIf_approx_equal(){
         var val1=document.getElementById("val1").value
         var val2=document.getElementById("val2").value
         var epsilon=document.getElementById("epsilon").value
         var difference= Math.abs(val1-val2);
         console.log(difference)
         if(difference<epsilon){
            document.getElementById(&#39;writeHere&#39;).innerHTML="Yes Approximately Equal"
         } else {
            document.getElementById(&#39;writeHere&#39;).innerHTML="No Approximately NOT Equal"
         }
      }
   </script>
</body>
</html>

登录后复制

我们还可以定义我们的 epsilon 假设，如果用户不想给出任何 epsilon 值，那么我们必须获取 epsilon 值并检查用户是否输入了这两个值，因为有必要给出这两个数字.

示例 2

在下面的程序中，我们检查数字是否近似相等。我们优化了代码，以便在用户未输入任何或两个数字时显示消息。

<!DOCTYPE html>
<html>
<body>
   <h1>Approximately Equal?</h1>
   <input type="number" id="val1" placeholder="Enter number1.." /><br><br>
   <input type="number" id="val2" placeholder="Enter number2.." /><br><br>
   <input type="number" id="epsilon" placeholder="Enter max epsilon.." /><br><br>
   <input type="button" value="IsEqual?" onClick="checkIf_approx_equal()" style="color: blue; margin-left: 35px;"/>
   <h2 id="writeHere"></h2>
   <script>
      function checkIf_approx_equal(){
         var val1=document.getElementById("val1").value
         var val2=document.getElementById("val2").value
         var epsilon=document.getElementById("epsilon").value

         if(!val1){
            document.getElementById(&#39;writeHere&#39;).innerHTML="Please enter a value in first Box"
            return;
         }
         if(!val2){
            document.getElementById(&#39;writeHere&#39;).innerHTML="Please enter a value in second Box"
            return;
         }
         if(!epsilon) epsilon=1.5

         var difference= Math.abs(val1-val2);
         console.log(difference)
         if(difference<epsilon){
            document.getElementById(&#39;writeHere&#39;).innerHTML="Equal"
         } else {
            document.getElementById(&#39;writeHere&#39;).innerHTML="Not Equal"
         }
      }
   </script>
</body>
</html>

登录后复制

请检查数字 1 和数字 2 的不同值。尝试在不输入任何或两个数字的情况下进行检查。由于我们将 epsilon 的默认值设置为 1.5，以防用户不输入，因此它将使用该值进行工作。

因此，我们看到了检查两个数字是否近似相等的方法。

以上是如何在 JavaScript 中检查两个数字近似相等？的详细内容。更多信息请关注PHP中文网其他相关文章！

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

热AI工具

Undresser.AI Undress

人工智能驱动的应用程序，用于创建逼真的裸体照片

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

免费脱衣服图片

Clothoff.io

AI脱衣机

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸！

显示更多

热工具

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

中文版，非常好用

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

显示更多

热门话题

gmail邮箱登陆入口在哪里

7824

Java教程

1647

CakePHP 教程

1402

Laravel 教程

1300

PHP教程

1238

显示更多

Related knowledge

前端热敏纸小票打印遇到乱码问题怎么办？ Apr 04, 2025 pm 02:42 PM

前端热敏纸小票打印的常见问题与解决方案在前端开发中，小票打印是一个常见的需求。然而，很多开发者在实...

神秘的JavaScript：它的作用以及为什么重要 Apr 09, 2025 am 12:07 AM

JavaScript是现代Web开发的基石，它的主要功能包括事件驱动编程、动态内容生成和异步编程。1)事件驱动编程允许网页根据用户操作动态变化。2)动态内容生成使得页面内容可以根据条件调整。3)异步编程确保用户界面不被阻塞。JavaScript广泛应用于网页交互、单页面应用和服务器端开发，极大地提升了用户体验和跨平台开发的灵活性。