JS操作符 – JavaScript教程

上一章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不为真,则为真
【JS操作符 – JavaScript教程】下面的示例将向你展示这些逻辑操作符的实际工作方式:
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

    推荐阅读