笙亿网络策划

JavaScript 算术运算符怎么用？

约 11 分钟读完 33 阅
文章导读
Previous Quiz Next JavaScript 算术运算符 JavaScript 中的算术运算符对数值（操作数）执行数学计算。大多数算术运算符是二元运算符，因为它们对两个操作数执行计算。有些算术运算符是一元运算符。一元运算符对单个操作数执行计算。
📋 目录
  1. Ⅰ JavaScript 算术运算符
  2. Ⅱ JavaScript 加法 (+) 运算符
  3. Ⅲ JavaScript 减法 (-) 运算符
  4. Ⅳ JavaScript 乘法 (*) 运算符
  5. Ⅴ JavaScript 除法 (/) 运算符
  6. Ⅵ JavaScript 模 (%) 运算符
  7. Ⅶ JavaScript 自增 (++) 运算符
  8. Ⅷ JavaScript 自减 (--) 运算符
A A

JavaScript - 算术运算符

Previous
Quiz
Next

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  // 表达式

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

这里，我们提供了一个包含数学运算符的表格，并解释了每个运算符的功能。

运算符 名称 描述
+ Addition 将两个操作数相加
- Subtraction 从第一个操作数中减去第二个操作数
* Multiplication 将两个操作数相乘
/ Division 用分母除以分子
% Modulus 输出整数除法的余数
++ Increment 将整数值增加 1
-- Decrement 将整数值减少 1

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

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 自增 (++) 运算符将操作数的值增加 1。它是一个一元运算符，只接受一个操作数。由双加号 (++) 表示。

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 自减 (--) 运算符将操作数的值减少 1。它也是一元运算符，即只接受一个操作数。由双减号 (--) 表示。

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>