如何使用 JavaScript 运算符进行基本数学运算?

front end technologyjavascriptweb development

在本指南中,我们将解释使用 JavaScript 运算符进行基本数学运算的不同方法。在创建任何网站、应用程序或游戏时,您可能必须显示计算结果,无论数字显示的是订阅者数量还是用户的积分。因此,学习如何使用 JavaScript 中的不同数据类型进行加、减和乘法非常重要。

在 JavaScript 中使用 (+) 运算符进行加法

在 JavaScript 中使用二元运算符进行基本数学运算很简单。但是,当您必须获取数字作为输出时,该过程可能会变得有点复杂。此方法将教我们如何获取数字并获得正确的输出。

语法

在以下语法中,您可以看到相同的数字用于加法。但是,输出可能会有所不同,因为数字"2"可以被视为字符串,结果可能是 22 而不是 4。在 JavaScript 中,true 被视为 1,false 被视为 0。

let a = 2 + '2';
let b = true + '2';

示例

使用正确的方法对于获得输出非常重要。如果将 33 + '60' 相加,则将获得输出 3360。

由于 true 是数字 1,将 true 和 2 相加将得到输出 3。因此,您应该知道 JavaScript 中基本数学的正确方法。

<html> <body> <p id=sum1></p> <p id=sum2></p> <p id=sum3></p> </body> <script> const a = 2 + 2; let b = 2 + '2'; let c = true + '2'; let xa = "2 + 2 = "; let xb = "2 + '2' = "; let xc = "true + '2' = "; document.getElementById('sum1').innerHTML = xa + a; document.getElementById('sum2').innerHTML = xb + b; document.getElementById('sum3').innerHTML = xc + c; </script> </html>

在 JavaScript 中使用 (-) 运算符进行减法

尽管 JavaScript 中的加法规则很难理解,但您可以将常见逻辑用于其他操作。

语法

与加法方法相比,即使减去 20 - '2',您也不太可能得到错误的答案。在语法中,您可以看到 JavaScript 中用于减法的不同方法。

let b = 2 - '20';
let c = false - '20';
let d = 20 - false;

示例

在此示例中,您可以看到即使使用不同的方法,输出也是正确的。因此,使用 JavaScript 中的减法运算符进行计算并不困难。

<html> <body> <p id=sub2></p> <p id=sub3></p> <p id=sub5></p> </body> <script> let b = 2 - '20'; let c = false - '20'; let d = 20 - false; let xb = "2 - '20' = "; let xc = "false - '20' = "; let xd = "20 - false = "; document.getElementById('sub2').innerHTML = xb + b; document.getElementById('sub3').innerHTML = xc + c; document.getElementById('sub5').innerHTML = xd + d; </script> </html>

在 JavaScript 中使用 (*) 运算符进行乘法

在 JavaScript 中,乘法可以使用与减法相同的逻辑进行。真和假分别被视为 1 和 0。因此,当您将其与真或假相乘时,您将得到相同的数字或 0。

语法

我们在 JavaScript 中使用与其他操作相同的方法进行乘法。

const a = 20 * 2;
let c = false * '20';
let d = 20 * true;

示例

在下面的示例中,您可以看到在 JavaScript 中使用简单的乘法方法进行基本数学运算。

<html> <body> <p id=multi1></p> <p id=multi3></p> <p id=multi5></p> </body> <script> const a = 20 * 2; let c = false * '20'; let d = 20 * true; let xa = "20 * 2 = "; let xc = "false * '20' = "; let xd = "20 * true = "; document.getElementById('multi1').innerHTML = xa + a; document.getElementById('multi3').innerHTML = xc + c; document.getElementById('multi5').innerHTML = xd + d; </script> </html>

在 JavaScript 中使用 (/) 运算符进行除法

在 JavaScript 中使用除法时,您可以得到无穷大或-无穷大等结果。在示例中,我们将看到不同的方法如何给出特定的输出。

语法

虽然语法看起来很容易解决,但您可能会得到看似不同的输出。在 JavaScript 中,当您用 0 或 false 除以任何数时,您将得到无穷大或-无穷大的答案。

const a = 5 / 0;
let c = -5/ false;
let d = 20 / true;

示例

这是一个您可以用来尝试并检查结果的示例。如果将任何数字除以 true,那么您将得到相同的数字作为结果。

<html> <body> <p id=div1></p> <p id=div3></p> <p id=div5></p> </body> <script> const a = 5 / 0; let c = -5/ false; let d = 20 / true; let xa = "5 / 0 = "; let xc = "-5 / false = "; let xd = "20 / true = "; document.getElementById('div1').innerHTML = xa + a; document.getElementById('div3').innerHTML = xc + c; document.getElementById('div5').innerHTML = xd + d; </script> </html>

在使用 JavaScript 创建网站或游戏时,您需要了解进行基本数学运算的方法。因此,您应该尝试上述示例并了解结果之间的差异。


相关文章