轻松上手,快乐学习!

JavaScript 运算符参考手册


JavaScript 运算符用于赋值、比较值、执行算术运算等。


JavaScript 算术运算符

算术运算符用于在变量和/或值之间执行算术。

给定 y = 5,下表解释了算术运算符:

运算符 描述 例子 y 中的结果 x 中的结果 试一试
+ 加法 x = y + 2 y = 5 x = 7 试一试 »
- 减法 x = y - 2 y = 5 x = 3 试一试 »
* 乘法 x = y * 2 y = 5 x = 10 试一试 »
/ 除法 x = y / 2 y = 5 x = 2.5 试一试 »
% 模数(除余) x = y % 2 y = 5 x = 1 试一试 »
++ 累加 x = ++y y = 6 x = 6 试一试 »
x = y++ y = 6 x = 5 试一试 »
-- 递减 x = --y y = 4 x = 4 试一试 »
x = y-- y = 4 x = 5 试一试 »

有关算术运算符的知识,请阅读我们的 JavaScript 算术教程


JavaScript 赋值运算符

赋值运算符用于为 JavaScript 变量赋值。

给定 x = 10y = 5,下表解释了赋值运算符:

运算符 实例 等同于 x 中的结果 试一试
= x = y x = y x = 5 试一试 »
+= x += y x = x + y x = 15 试一试 »
-= x -= y x = x - y x = 5 试一试 »
*= x *= y x = x * y x = 50 试一试 »
/= x /= y x = x / y x = 2 试一试 »
%= x %= y x = x % y x = 0 试一试 »

有关赋值运算符的知识,请阅读我们的 JavaScript 赋值教程


JavaScript 字符串运算符

+ 运算符和 += 运算符还可用于连接(添加)字符串。

给定 text1 = "Good "text2 = "Morning",以及 text3 = "",下表解释了该运算符:

运算符 实例 text1 text2 text3 试一试
+ text3 = text1 + text2 "Good " "Morning"  "Good Morning" 试一试 »
+= text1 += text2 "Good Morning" "Morning" "" 试一试 »

比较运算符

在逻辑语句中使用比较运算符来确定变量或值之间的相等性或差异。

给定 x = 5,下表解释了比较运算符:

运算符 描述 比较 返回值 试一试
== equal to x == 8 false 试一试 »
x == 5 true 试一试 »
=== 相等值和相等类型 x === "5" false 试一试 »
x === 5 true 试一试 »
!= 不等于 x != 8 true 试一试 »
!== 不相等的值或不相等的类型 x !== "5" true 试一试 »
x !== 5 false 试一试 »
> 大于 x > 8 false 试一试 »
< 小于 x < 8 true 试一试 »
>= 大于或等于 x >= 8 false 试一试 »
<= 小于或等于 x <= 8 true 试一试 »

有关比较运算符的知识,请阅读我们的 JavaScript 比较教程


条件(三元)运算符

条件运算符根据条件将值赋给变量。

Syntax 例子 试一试
variablename = (condition) ? value1:value2 voteable = (age < 18) ? "Too young":"Old enough"; 试一试 »

实例解析: 如果变量 "age" 的值小于 18,则变量 "voteable" 的值将为 "Too young",否则,"voteable" 的值将为 "Old enough"。


逻辑运算符

逻辑运算符用于确定变量或值之间的逻辑。

给定 x = 6y = 3,下表解释了逻辑运算符:

运算符 描述 例子 试一试
&& and (x < 10 && y > 1) is true 试一试 »
|| or (x === 5 || y === 5) is false 试一试 »
! not !(x === y) is true 试一试 »

JavaScript 位运算符

位运算符可处理 32 位数字。该运算中的任何数字操作数都将转换为 32 位数字。结果将转换回 JavaScript 数字。

运算符 描述 例子 等同于 结果 十进制
& AND x = 5 & 1 0101 & 0001 0001  1
| OR x = 5 | 1 0101 | 0001 0101  5
~ NOT x = ~ 5  ~0101 1010  10
^ XOR x = 5 ^ 1 0101 ^ 0001 0100  4
<< Left shift x = 5 << 1 0101 << 1 1010  10
>> Right shift x = 5 >> 1 0101 >> 1 0010   2

上面的例子使用了 4 位无符号的示例。但是 JavaScript 使用 32 位带符号的数字。

因此,在 JavaScript 中,~ 5 不会返回 10,而是返回 -6。

~00000000000000000000000000000101 将返回 11111111111111111111111111111010


typeof 运算符

typeof 运算符返回变量、对象、函数或表达式的类型:

实例

typeof "John"                 // 返回 string
typeof 3.14                   // 返回 number
typeof NaN                    // 返回 number
typeof false                  // 返回 boolean
typeof [1, 2, 3, 4]           // 返回 object
typeof {name:'John', age:34}  // 返回 object
typeof new Date()             // 返回 object
typeof function () {}         // 返回 function
typeof myCar                  // 返回 undefined (如果 myCar 未声明)
typeof null                   // 返回 object
亲自试一试 »

请注意:

  • NaN 的数据类型是 number
  • 数组的数据类型是 object
  • 日期的数据类型是 object
  • null 的数据类型是 object
  • 未定义变量的数据类型是 undefined

您不能使用 typeof 定义 JavaScript 对象是否为数组(或日期)。

您无法使用 typeof 来定义 JavaScript 对象是否为数组(或日期)。


typeof

delete 运算符从对象中删除属性:

实例

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
delete person.age;   // or delete person["age"];
亲自试一试 »

delete 运算符会同时删除属性的值和属性本身。

删除后,再次将其重新添加前,无法使用该属性。

delete 运算符旨在用于对象属性。它对变量或函数没有影响。

注释: 不应在预定义的 JavaScript 对象属性上使用 delete 运算符。这么做可能会使您的应用程序崩溃。


in 运算符

如果指定的属性在指定的对象中,则 in 运算符将返回 true,否则返回 false:

实例

// Arrays
var cars = ["Saab", "Volvo", "BMW"];
"Saab" in cars          // 返回 false(指定索引号而不是值)
0 in cars               // 返回 true
1 in cars               // 返回 true
4 in cars               // 返回 false (不存在)
"length" in cars        // 返回 true (长度是一个数组属性)

// Objects
var person = {firstName:"John", lastName:"Doe", age:50};
"firstName" in person   // 返回 true
"age" in person         // 返回 true

// Predefined objects
"PI" in Math            // 返回 true
"NaN" in Number         // 返回 true
"length" in String      // 返回 true
亲自试一试 »

instanceof 运算符

如果指定对象是指定对象的实例,则 instanceof 运算符返回 true:

实例

var cars = ["Saab", "Volvo", "BMW"];

cars instanceof Array;          // Returns true
cars instanceof Object;         // Returns true
cars instanceof String;         // Returns false
cars instanceof Number;         // Returns false
亲自试一试 »

void 运算符

void 运算符计算一个表达式并返回 undefined。该运算符通常用于使用 "void(0)" 来获取未定义的原始值(在计算表达式而不使用返回值时很有用)。

实例

<a href="javascript:void(0);">
  Useless link
</a>
<a href="javascript:void(document.body.style.backgroundColor='red');">
  Click me to change the background color of body to red
</a>
亲自试一试 »