JavaScript 运算符
在本教程中，您将学习如何使用 JavaScript 中的运算符对变量和值进行操作或执行操作。
什么是 JavaScript 中的运算符
运算符是告诉 JavaScript 引擎执行某种操作的符号或关键字。 例如，加法 (+) 符号是告诉 JavaScript 引擎添加两个变量或值的运算符，而等于 (==)、大于 (>) 或小于 (<) 符号是告诉 JavaScript 引擎比较两个变量或值的运算符，依此类推。
以下部分描述了 JavaScript 中使用的不同运算符。
JavaScript 算术运算符
算术运算符用于执行常见的算术运算，例如加法、减法、乘法等。以下是 JavaScript 算术运算符的完整列表：
| 运算符 | 说明 | 示例 | 结果 |
|---|---|---|---|
+ |
加法 | x + y |
x 和 y 之和 |
- |
减法 | x - y |
x 和 y 的差。 |
* |
乘法 | x * y |
x 和 y 的乘积。 |
/ |
除法 | x / y |
x 和 y 的商 |
% |
模数 | x % y |
x 除以 y 的余数 |
以下示例将向您展示这些算术运算符的实际作用：
var x = 10;
var y = 4;
alert(x + y); // 输出： 14
alert(x - y); // 输出： 6
alert(x * y); // 输出： 40
alert(x / y); // 输出： 2.5
alert(x % y); // 输出： 2JavaScript 赋值运算符
赋值运算符用于为变量赋值。
| 运算符 | 说明 | 示例 | 等同于 |
|---|---|---|---|
= |
Assign | x = y |
x = y |
+= |
Add and assign | x += y |
x = x + y |
-= |
Subtract and assign | x -= y |
x = x - y |
*= |
Multiply and assign | x *= y |
x = x * y |
/= |
Divide and assign quotient | x /= y |
x = x / y |
%= |
Divide and assign modulus | x %= y |
x = x % y |
以下示例将向您展示这些赋值运算符的实际作用：
var x; // 声明变量
x = 10;
alert(x); // 输出： 10
x = 20;
x += 30;
alert(x); // 输出： 50
x = 50;
x -= 20;
alert(x); // 输出： 30
x = 5;
x *= 25;
alert(x); // 输出： 125
x = 50;
x /= 10;
alert(x); // 输出： 5
x = 100;
x %= 15;
alert(x); // 输出： 10JavaScript 字符串运算符
有两个运算符也可以用于字符串。
| 运算符 | 说明 | 示例 | 结果 |
|---|---|---|---|
+ |
Concatenation | str1 + str2 |
str1 和 str2 的串联 |
+= |
Concatenation assignment | str1 += str2 |
将 str2 附加到 str1 |
以下示例将向您展示这些字符串运算符的实际应用：
var str1 = "Hello";
var str2 = " World!";
alert(str1 + str2); // 输出： Hello World!
str1 += str2;
alert(str1); // 输出： Hello World!JavaScript 递增和递减运算符
递增/递减运算符用于递增/递减变量的值。
| 运算符 | 名称 | 效果 |
|---|---|---|
++x |
Pre-increment | x 加一，然后返回 x |
x++ |
Post-increment | 返回 x，然后将 x 加一 |
--x |
Pre-decrement | 将 x 减一，然后返回 x |
x-- |
Post-decrement | 返回 x，然后将 x 减一 |
以下示例将向您展示递增和递减运算符的实际工作原理：
var x; // 声明变量
x = 10;
alert(++x); // 输出： 11
alert(x); // 输出： 11
x = 10;
alert(x++); // 输出： 10
alert(x); // 输出： 11
x = 10;
alert(--x); // 输出： 9
alert(x); // 输出： 9
x = 10;
alert(x--); // 输出： 10
alert(x); // 输出： 9JavaScript 逻辑运算符
逻辑运算符通常用于组合条件语句。
| 运算符 | 名称 | 示例 | 结果 |
|---|---|---|---|
&& |
And | x && y |
如果 x 和 y 都为真，则为真 |
|| |
Or | x || y |
如果 x 或 y 为真，则为真 |
! |
Not | !x |
如果 x 不为真则为真 |
以下示例将向您展示这些逻辑运算符的实际工作原理：
var year = 2018;
// 闰年可以被 400 或 4 整除，但不能被 100 整除
if((year % 400 == 0) || ((year % 100 != 0) && (year % 4 == 0))){
alert(year + " is a leap year.");
} else{
alert(year + " is not a leap year.");
}您将在 JavaScript if/else 一章中了解条件语句。
JavaScript 比较运算符
比较运算符用于以布尔方式比较两个值。
| 运算符 | 名称 | 示例 | 结果 |
|---|---|---|---|
== |
等于 | x == y |
如果 x 等于 y，则为真 |
=== |
相同 | x === y |
如果 x 等于 y，则为真，并且它们具有相同的 数据类型 |
!= |
不等于 | x != y |
如果 x 不等于 y，则为真 |
!== |
不相同 | x !== y |
如果 x 不等于 y，或者它们类型不相同，则为真 |
< |
小于 | x < y |
如果 x 小于 y，则为真 |
> |
大于 | x > y |
如果 x 大于 y，则为真 |
>= |
大于或等于 | x >= y |
如果 x 大于或等于 y，则为真 |
<= |
小于或等于 | x <= y |
如果 x 小于或等于 y，则为真 |
以下示例将向您展示这些比较运算符的实际作用：
var x = 25;
var y = 35;
var z = "25";
alert(x == z); // 输出： true
alert(x === z); // 输出： false
alert(x != y); // 输出： true
alert(x !== z); // 输出： true
alert(x < y); // 输出： true
alert(x > y); // 输出： false
alert(x <= y); // 输出： true
alert(x >= y); // 输出： falseAdvertisements