JavaScript 算术运算符

JavaScript 中的算术运算符对数值（操作数）进行数学计算。大多数算术运算符都是双目运算符，因为它们在两个操作数上进行计算。有些算术运算符是单目运算符，即它们在一个操作数上进行计算。

JavaScript 支持许多算术运算符，如加法、减法、乘法、除法等运算符。它使用常见的符号来表示算术运算符，如 "+" 表示加法，"-" 表示减法，"*" 表示乘法，"/" 表示除法等。

操作数可以是字面量、变量或是表达式。

var z = 3 + 5;  // 3 和 5 是字面量值。
const x = 3; y = 5;
var z = x + y; // x 和 y 是变量。
var z = 3 + 2 * x; // 表达式

通常，算术运算符用于执行数学操作，但它们也可以用于其他操作。例如，加法运算符 (+) 可以用于字符串连接。

下面是一个包含算术运算符及其功能说明的表格。

运算符	名称	描述
+	加法	将两个操作数相加
-	减法	从第一个操作数中减去第二个操作数
*	乘法	将两个操作数相乘
/	除法	将分子除以分母
%	取模	输出整数除法的余数
++	自增	将一个整数值增加一
--	自减	将一个整数值减少一

让我们通过一些例子来讨论不同的运算符。

JavaScript 加法 (+) 运算符

JavaScript 加法 (+) 运算符将两个数值操作数相加。它由加号 (+) 符号表示。

var x = 5, y = 10;
var sum = x + y;

此运算符也可用于连接字符串和/或数字。

var z = '10' + 3;  // 返回 103
var z = '10' + '3';  // 返回 103

如果一个操作数是字符串，加法运算符将另一个操作数转换为字符串并与第一个操作数连接。如果两个操作数都是字符串，它只是将第二个操作数连接到第一个操作数后面。如果两个操作数都是数值，它将返回数值。

示例

在下面的例子中，我们演示了两个十进制数的加法和字符串与数字的连接。

<html>
<body>
   <script>
      const x = 3; y = 5;
      var z = x + y;
      document.write(z + "</br>");
      var z = '10' + 3;
      document.write(z + "</br>");
      var z = '10' + '3';
      document.write(z + "</br>");
   </script>
</body>
</html>

JavaScript 减法 (-) 运算符

JavaScript 减法 (-) 运算符从左操作数中减去右操作数并得出它们的差值。它由减号 (-) 符号表示。

20 - 10; // 返回 10
'20' - 10; // 返回 10
'20' - '10'; // 返回 10
'20ee' - 10; // 返回 NaN
NaN - 10; // 返回 NaN
Infinity - 10; // 返回 Infinity

减法运算符使用数值操作数，但也可用于非数值操作数如字符串。如果两个操作数都是数字，那么结果也是数字。如果任何或两个操作数是字符串（仅包含数字），它首先将字符串转换为数字然后执行减法操作。如果字符串包含非数字值，它将返回 NaN。如果任何操作数是 NaN 或 Infinity，结果将是 NaN 或 Infinity 分别对应。

示例

在下面的例子中，我们演示了两个十进制数和其他数据类型的减法。

<html>
<body>
   <script>
      var x = 20; y = 10;
      var z = x - y;
      document.write(z + "</br>");
      x = "20"; y = "10";
      z = x - y;
      document.write(z + "</br>");
      x = "20ee";
      z = x - y;
      document.write(z + "</br>");
   </script>
   <p>更改变量的值并测试结果值</p>
</body>
</html>

JavaScript 乘法 (*) 运算符

JavaScript 乘法运算符将两个数（操作数）相乘。它给出两个操作数的乘积。它由星号 (*) 符号表示。如果两个操作数符号相同，乘积为正。如果两个操作数符号不同，乘积为负。

如果任何或两个操作数是字符串，它将字符串转换为数字然后返回它们的乘积。

示例

在下面的例子中，我们演示了乘法运算符在不同类型的操作数上的使用。

<html>
<body>
   <script>
      var x = 20; y = 10;
      var z = x * y;
      document.write(z + "</br>");
      x = "20"; y = "10";
      z = x * y;
      document.write(z + "</br>");
      x = "20ee";
      z = x * y;
      document.write(z + "</br>");
   </script>
   <p>更改变量的值并测试结果值</p>
</body>
</html>

JavaScript 除法 (/) 运算符

JavaScript 除法 (/) 运算符将左操作数（被除数）除以右操作数（除数）并返回商。它由斜线 (/) 符号表示。

20 / 10;  // 返回 2
20 / -10; // 返回 -2
100 / 0;  // 返回 Infinity
0 / 0;    // 返回 NaN

示例

让我们演示除法运算符的使用。

<html>
<body>
   <script>
      var x = 20; y = 10;
      var z = x / y;
      document.write(z + "</br>");
      x = "20"; y = "10";
      z = x / y;
      document.write(z + "</br>");
      z = x / 0;
      document.write(z + "</br>");
      z = 0 / 0;
      document.write(z + "</br>");
   </script>
   <p>更改变量的值并测试结果值</p>
</body>
</html>

JavaScript 取模 (%) 运算符

JavaScript 取模 (%) 运算符返回当第一个操作数被第二个操作数除后得到的余数。它也被称为取余运算符。它由百分号 (%) 符号表示。它取被除数的符号。例如 5 % 3 得到 2，因为当 5 被 3 除时，余数是 2。

示例

让我们通过一个示例程序来理解取模运算符。

<html>
<body>
   <script>
      var x = 20 % 9;
      var y = -20 % 9;
      var z = 20.43 % 9;
      var a = 20 % -9;
      var b = 20 % 10;
      document.write(x + "</br>");
      document.write(y + "</br>");
      document.write(z + "</br>");
      document.write(a + "</br>");
      document.write(b + "</br>");
   </script>
</body>
</html>

JavaScript 自增 (++) 运算符

JavaScript 自增 (++) 运算符将操作数的值增加一。它是一个单目运算符。它只有一个操作数。它由两个加号 (++) 表示。

JavaScript 中有两种自增运算符：

前置自增运算符

前置自增运算符在使用当前值之前先增加变量的值。例如，

var x = 10;
var y = ++x; // x 现在是 11，y 也是 11。

后置自增运算符

后置自增运算符在使用当前值之后再增加变量的值。例如，

var a = 10;
var b = a++; // a 现在是 11 但是 b 是 10。

在这里，上面代码的第二行，首先是将 a 的当前值赋给 b，然后才增加 a 的值。

让我们看下面的例子：

<html>
<body>
   <script>
      var x = 10;
      var y = ++x;  // 前置自增
      var a = 10;
      var b = a++;  // 后置自增
      document.write("x = " + x);
      document.write(" y = " + y + "<br>");
      document.write("a = " + a);
      document.write(" b = " + b + "<br>");
   </script>
   <p>更改变量的值并检查结果</p>
</body>
</html>

JavaScript 自减 (--) 运算符

JavaScript 自减 (--) 运算符将操作数的值减少一。它也是一个单目运算符，即它只有一个操作数。它由两个减号 (--) 表示。

JavaScript 中有两种自减运算符：

前置自减运算符

前置自减运算符在使用当前值之前先减少变量的值。例如，

var x = 10;
var y = --x; // x 现在是 9，y 也是 9。

后置自减运算符

后置自减运算符在使用当前值之后再减少变量的值。例如，

var a = 10;
var b = a--; // a 现在是 9 但是 b 是 10。

在这里，上面代码的第二行，首先是将 a 的当前值赋给 b，然后才减少 a 的值。

让我们看下面的例子：

<html>
<body>
   <script>
      var x = 10;
      var y = --x;  // 前置自减
      var a = 10;
      var b = a--;  // 后置自减
      document.write("x = " + x);
      document.write(" y = " + y + "<br>");
      document.write("a = " + a);
      document.write(" b = " + b + "<br>");
   </script>
   <p>更改变量的值并检查结果</p>
</body>
</html>