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

本指南将解释使用 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 中进行乘法运算。true 和 false 分别被视为 1 和 0。因此，当您与 true 或 false 相乘时，您将得到相同的数字或 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 中进行除法时，您可以得到 Infinity 或 -Infinity 等结果。在示例中，我们将看到不同的方法如何产生特定的输出。

语法

虽然语法看起来很容易解决，但您可能会得到看起来不同的输出。在 JavaScript 中，当您将任何东西除以 0 或 false 时，您将得到 Infinity 或 -Infinity 作为答案。

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 创建网站或游戏时，您需要了解进行基本数学运算的方法。因此，您应该尝试上述示例并了解结果之间的区别。

更新于：2022年8月23日

185 次浏览

启动您的 职业生涯

通过完成课程获得认证

开始
广告