运算符

发表于 | 分类于

JavaScript 中提供了大量的运算符用于数据的操作。

字符串拼接运算符

字符串拼接运算符用于 string（字符串）类型数据的合并。

运算符 说明 举例
+ 将多个字符串拼接成一个整体 “hello” + “world”

+是 JavaScript 中比较特殊的一个运算符。它除了具备数学中的加法运算功能外，当操作 string（字符串）类型的数据时，它还具备拼接数据的功能。

1
2
3
4
let str1 = 'hello';
let str2 = 'HanMeiMei';
let str = str1 + str2;
console.log(str);   // helloHanMeiMei

注意：只要操作的数据中存在一个 string 类型，那么+就作为字符串拼接运算符使用。

1
2
3
4
let num = 10;
let str = '20';
let sum = num + str;
console.log(sum);   // 1020

算术运算符

算术运算符用于 number（数值）类型数据的数学计算。

给定a = 4, b = 2条件，所有算术运算符描述如下：

运算符 说明 举例
+ 多个运算数相加 a + b = 6
- 多个运算数相减 a - b = 2
* 多个运算数相乘 a * b = 8
/ 多个运算数相除 a / b = 2
% 计算多个运算数整除后的余数 a % b = 0
** 求幂，计算当前运算数的 n 次方 a ** b = 16
++ 自增，当前运算数的值加 1 a++
– 自减，当前运算数的值减 1 –b

自增（自减）运算符还分了两种情况：

  • 前置型：运算符在变量前。例：++a。

    数据先自增（自减），再使用数据。

  • 后置型：运算符在变量后。例：a++。

    先使用数据，数据再自增（自减）。

1
2
3
4
5
6
7
let a = 10;
console.log(a++);  // 10
console.log(a);    // 11
let b = 10;
console.log(++b);  // 11
console.log(b);    // 11

比较运算符

比较运算符用于 number（数值）类型和 string（字符串）类型数据的比较，比较结果为布尔值（true/false）。

给定a = 4, b = 2条件，所有比较运算符描述如下：

运算符 说明 举例
> 判断左边是否大于右边 a > b
< 判断左边是否小于右边 a < b
>= 判断左边是否大于等于右边 a >= b
<= 判断左边是否小于右边 a <= b
== 判断左右两边的数据值是否相等 a == b
=== 判断左右两边的数据值和数据类型是否都相等 a == b
!= 判断左右两边的数据值是否不相等 a != b
!== 判断左右两边的数据值或数据类型是否不相等 a !== b 
1
2
3
4
5
6
let a = 10;
let b = '10';
console.log(a == b);   // true  
console.log(a === b);  // false 
console.log(a != b);   // false
console.log(a !== b);  // true

赋值运算符

赋值运算符用于数据的赋值。

给定a = 4, b = 2条件，所有赋值运算符描述如下：

运算符 说明 举例
= 将右边的数据赋值给左边 a = b
+= 将左右两边相加的结果赋值给左边 a += b
-= 将左右两边相减的结果赋值给左边 a -= b
*= 将左右两边相乘的结果赋值给左边 a *= b
/= 将左右两边相除的结果赋值给左边 a /= b
%= 将左右两边相除的余数赋值给左边 a %= b

a = a + b和a += b运行结果一样，但后者效率高于前者。

逻辑运算符

逻辑运算符用于数据间逻辑真假的判断。JavaScript 中的逻辑运算符分为三种：

  • “与”运算符&&：找假
  • “或”运算符||：找真
  • “非”运算符!：取反
1
2
3
console.log(0 || '' || false || null || 2 || undefined);    // 2
console.log(10 > 5 && 10 < 20);   // true
console.log(!10);   // false
我 秦始皇 打钱