上一章JavaScript教程请查看:JS数据类型
在本教程中,你将学习如何使用JavaScript中的操作符操作变量和值。
什么是JavaScript中的操作符操作符是告诉JavaScript引擎执行某种操作的符号或关键字。例如,加法(+)符号是告诉JavaScript引擎添加两个变量或值的操作符,而等to(==)、大于(>
)或小于(<
)符号是告诉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);
// 输出: 2
JavaScript赋值操作符赋值运算符用于为变量赋值。
操作符 | 描述 | 例子 | 等价于 |
= | 赋值 | x = y | x = y |
+= | 添加和赋值 | x += $ | x = x + y |
-= | 减去和赋值 | x -= y | x = x – y |
*= | 乘法和赋值 | x *= y | x = x * y |
/= | 除法和赋商 | x /= y | x = x / y |
%= | 赋值模量 | 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);
// 输出: 10
JavaScript字符串运算符有两个运算符也可以用于字符串。
操作符 | 描述 | 例子 | 结果 |
+ | 连接 | str1 + str2 | str1和str2的串联 |
+= | 连接并赋值 | str1 += str2 | 将str2附加到str1 |
var str1 = "Hello";
var str2 = " World!";
alert(str1 + str2);
// 输出: Hello World!
str1 += str2;
alert(str1);
// 输出: Hello World!
JavaScript递增和递减操作符递增/递减运算符用于递增/递减变量的值。
操作符 | 名称 | 效果 |
++x | 前加 | 将x增加1,然后返回x |
x++ | 后加 | 返回x,然后将x增加1 |
– x | 前减 | x减1,然后返回x |
x– | 后减 | 返回x,然后将x减1 |
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);
// 输出: 9
JavaScript逻辑运算符逻辑运算符通常用于组合条件语句。
操作符 | 名称 | 例子 | 结果 |
& & | 与运算符 | x & & y | 如果x和y都为真 |
|| | 或运算符 | x || y | 如果x或y为真 |
! | 非运算符 | !x | 如果x不为真,则为真 |
var year = 2018;
// 闰年能被400或4整除,但不能被100整除
if((year % 400 == 0) || ((year % 100 != 0) &
&
(year % 4 == 0))){
alert(year + " 是闰年");
} else{
alert(year + " 不是闰年");
}
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);
// 输出: false
推荐阅读
- JS事件和事件处理器 – JavaScript教程
- JS数据类型 – JavaScript教程
- JS生成输出 – JavaScript教程
- JS使用变量 – JavaScript教程
- JS基本语法 – JavaScript教程
- 开始使用JS编程 – JavaScript教程
- JS编程入门介绍 – JavaScript教程
- 在chromev8中的JavaScript事件循环分析
- 学习ReactJS之前必须了解的5大技能