橘子味的心
标题:JavaScript操作符


var x = 5;         // 给x赋值为5
var y = 2;         // 给y赋值为2
var z = x + y;     // 给z赋值为7 (x + y)

让我试试

赋值运算符(=)将给变量赋值.

var x = 10;

让我试试

加操作符(+) 相加数字:

var x = 5;
var y = 2;
var z = x + y;

让我试试

相乘操作符 (*) 相乘数字.

var x = 5;
var y = 2;
var z = x * y;

让我试试


JavaScript的算术运算符

算术运算符完成算术运算:

操作符 描述
+
-
`*`
/
% 取余
++ 自己增加
-- 自己减少

全部算术运算符在JS 算术运算一章介绍.


JavaScript赋值运算符

赋值运算符为JavaScript变量赋值

操作符 实例 等同
= x = y x = y
+= x += y 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 = 10;
x += 5;

让我试试

全部赋值运算符在JS 赋值运算一章介绍


JavaScript字符串运算符

  • 操作符可以连接两个字符串.
txt1 = "What a very ";
txt1 += "nice day";
结果是
What a very nice day

让我试试

当用在字符串上, + 操作符称为连接操作符.


连接字符串和数字

相加两个数字,将返回总和, 但是相加一个数字和一个字符串将返回一个字符串:

x = 5 + 5;
y = "5" + 5;
z = "Hello" + 5;
结果是
10
55
Hello5

让我试试

如果你相加一个数字和一个字符串,结果将是一个字符串!


JavaScript关系运算符

操作符 描述
== 等于
=== 值和类型都相等
!= 不等于
!== 值和类型都不相等
> 大于
< 小于
>= 大于等于
<= 小于等于
? 三元运算符

+= 赋值操作符也能用在字符串上:

txt1 = "John";
txt2 = "Doe";
txt3 = txt1 + " " + txt2;
结果是
John Doe

让我试试

全部关系运算符在JS 关系运算一章介绍


JavaScript逻辑运算符

运算符 描述
&& 逻辑与
|| 逻辑或
! 逻辑非

全部逻辑运算符在JS 关系运算一章介绍


JavaScript 类型运算符

运算符 描述
typeof 返回变量的类型
instanceof 如果对象是对象类型的实例,则返回true。

全部类型运算符在JS 类型转换一章介绍


JavaScript 位运算符

位运算符在32位数字上工作.

操作中的任何数字操作数转换为32位数字。结果被转换回一个JavaScript数值.

运算符 描述 实例 等价于 结果 数字
& 5 & 1 0101 & 0001 0001  1
| 5 | 1 0101 | 0001 0101  5
~ ~ 5  ~0101 1010  10
^ 亦或 5 ^ 1 0101 ^ 0001 0100  4
<< 零填充左移位 5 << 1 0101 << 1 1010  10
>> 有符号右移位 5 >> 1 0101 >> 1 0010   2
>>> 零填充右移位 5 >>> 1 0101 >>> 1 0010   2

面的例子使用4位无符号. 但JavaScript使用32位的有符号数. 正因为如此,在JavaScript, ~ 5 将不返回 10. 它将返回 -6. ~00000000000000000000000000000101 将返回 11111111111111111111111111111010

全部位运算符在JS 位运算一章介绍。

目录

分类