JavaScript - 算术运算符

JavaScript 算术运算符

JavaScript 中的算术运算符对数值（操作数）执行数学计算。大多数算术运算符都是二元运算符，因为它们对两个操作数执行计算。一些算术运算符是一元运算符。一元运算符对单个操作数执行计算。

JavaScript 支持许多算术运算符，例如加法、减法、乘法、除法运算符等。它使用常用符号作为算术运算符，例如“+”用于加法，“-”用于减法，“*”用于乘法，“/”用于除法等。

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


var z = 3 + 5; 	// 3 and 5 are literal values.
const x = 3; y = 5;
var z = x + y ; // x and y are variables.	
var z = 3 + 2*x 	// expression

通常，算术运算符用于执行数学运算，但它们也可用于其他运算。例如，加法运算符（+）可用于字符串串联。

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

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

让我们在示例的帮助下讨论不同的运算符。

JavaScript 加法（+）运算符

JavaScript 加法（+）运算符添加两个数值操作数。它由加号（+）表示。


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

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


var z = '10' + 3 	// returns 103
var z = '10' + '3' 	// returns 103

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

例

在下面的示例中，我们演示了如何添加两个十进制数字并连接字符串和数字。


<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; // returns 10
'20' - 10; // returns 10
'20' - '10'; // returns 10
'20ee' - 10; // returns NaN
NaN - 10 // return NaNs
Infinity - 10 // returns infinity

减法运算符使用数字操作数，但也可用于非数字操作数，例如字符串。
如果两个操作数都是 number，则 resultant 是 number。
如果任何或两个操作数都是字符串（仅包含数字），则它首先将字符串转换为 number，然后执行减法运算。
如果 string 包含非数值，它将返回 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>Change the values of the variables and test the resultant values</p>
</body>
</html>

JavaScript 乘法（*）运算符

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

如果任何或两个操作数都是 string，则它将字符串转换为 number，然后返回其乘积。

例

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


<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>Change the values of the variables and test the resultant values</p>
</body>
</html>

JavaScript 除法（/）运算符

JavaScript 除法（/）运算符将左操作数（dividend）除以右操作数（divisor）并返回商。它由斜杠（/）符号表示。


20/10 	// returns 2
20/-10 // return -2
100/0 	// returns Infinity
0/0 	 	// returns 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>Change the values of the variables and test the resultant values</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 is now 11 and y is also 11.

后缀递增运算符

后缀递增运算符在使用变量的当前值后递增变量的值。例如


var a = 10;
var b = a++; // a is now 11 but b is 10.

在这里，在上面代码的第二行中，首先将 a 的当前值分配给 b，然后递增。

让我们看看下面的例子 -


<html>
<body>
	 	<script>
	 	 	 var x = 10;
	 	 	 var y = --x; 	//prefix decrement
	 	 	 var a = 10;
	 	 	 var b = a--; 	// postfix decrement
		 	 	document.write("x = " + x);
	 	 	 document.write(" y = " + y + "<br>");
	 	 	 document.write("a = " + a);
	 	 	 document.write(" b = " + b + "<br>");
	 	</script>
	 	<p>Change the values of the variables and check the results</p>
</body>
</html>

JavaScript 递减（--）运算符

JavaScript 递减（--）运算符将操作数的值减少 1。它也是一个一元运算符，即它只需要一个操作数。它用双减号（--）表示。

JavaScript 中有两种类型的递减运算符 -

前缀递减运算符

prefix decrement 运算符在使用变量的当前值之前递减变量的值。例如


var x = 10;
var y = --x; // x is now 9 and y is also 9.

后缀递减运算符

后缀递减运算符在使用当前值后递减变量的值。例如


var a = 10;
var b = a--; // a is now 9 but b is 10.

在这里，在上面代码的第二行中，首先将 a 的当前值分配给 b，然后递减。

让我们看看下面的例子 -


<html>
<body>
	 	<script>
	 	 	 var x = 10;
	 	 	 var y = --x; 	//prefix decrement
	 	 	 var a = 10;
	 	 	 var b = a--; 	// postfix decrement
		 	 	document.write("x = " + x);
	 	 	 document.write(" y = " + y + "<br>");
	 	 	 document.write("a = " + a);
	 	 	 document.write(" b = " + b + "<br>");
	 	</script>
	 	<p>Change the values of the variables and check the results</p>
</body>
</html>

打印本页

JavaScript - 算术运算符