JavaScript运算符完全指南
编程小白也能轻松理解的运算符知识汇总，用通俗语言讲解JavaScript中的各类运算符
运算符是什么？
运算符就像数学中的加减乘除符号，是用来操作变量和值的基本工具。在编程中，运算符让我们可以对数据进行计算、比较、组合等操作。
算术运算符
用于执行基本数学运算
+ 加法
用于数值相加或字符串拼接。
注意：数字相加是数学加法，字符串相加是连接
注意：数字相加是数学加法，字符串相加是连接
let numSum = 10 + 5; // 结果是15
let strSum = “Hello” + ” World”; // “Hello World”
let strSum = “Hello” + ” World”; // “Hello World”
– 减法
用于数值相减
let result = 10 – 5; // 结果是5
* 乘法
用于数值相乘
let result = 10 * 5; // 结果是50
/ 除法
用于数值相除
let result = 10 / 5; // 结果是2
% 取模（余数）
返回除法后的余数
let result = 10 % 3; // 结果是1（因为10÷3=3余1）
++ 自增
将变量值增加1，可以前置或后置
let num = 5;
num++; // num现在是6
++num; // num现在是7
num++; // num现在是6
++num; // num现在是7
— 自减
将变量值减少1，可以前置或后置
let num = 5;
num–; // num现在是4
–num; // num现在是3
num–; // num现在是4
–num; // num现在是3
赋值运算符
用于给变量赋值
= 赋值
将右边的值赋给左边的变量
let x = 10; // 把10赋值给x
+= 加后赋值
先加后赋值，x += y 等同于 x = x + y
let num = 5;
num += 3; // num现在是8
num += 3; // num现在是8
-= 减后赋值
先减后赋值，x -= y 等同于 x = x – y
let num = 10;
num -= 4; // num现在是6
num -= 4; // num现在是6
*= 乘后赋值
先乘后赋值，x *= y 等同于 x = x * y
let num = 3;
num *= 4; // num现在是12
num *= 4; // num现在是12
/= 除后赋值
先除后赋值，x /= y 等同于 x = x / y
let num = 20;
num /= 5; // num现在是4
num /= 5; // num现在是4
%= 取模后赋值
先取模后赋值，x %= y 等同于 x = x % y
let num = 15;
num %= 4; // num现在是3（15÷4=3余3）
num %= 4; // num现在是3（15÷4=3余3）
比较运算符
用于比较值的大小或相等性，返回 true 或 false
== 等于（值）
检查值是否相等（不检查类型）
5 == 5; // true
5 == “5”; // true（类型不同但值相同）
5 == “5”; // true（类型不同但值相同）
=== 全等（值和类型）
检查值和类型是否都相等（严格相等）
5 === 5; // true
5 === “5”; // false（类型不同）
5 === “5”; // false（类型不同）
!= 不等于（值）
检查值是否不相等（不检查类型）
5 != 4; // true
5 != “5”; // false（类型不同但值相同）
5 != “5”; // false（类型不同但值相同）
!== 不全等（值或类型）
检查值或类型是否不相等（严格不相等）
5 !== 4; // true
5 !== “5”; // true（类型不同）
5 !== “5”; // true（类型不同）
> 大于
检查左边的值是否大于右边的值
10 > 5; // true
5 > 10; // false
5 > 10; // false
< 小于
检查左边的值是否小于右边的值
5 < 10; // true
10 < 5; // false
10 < 5; // false
>= 大于等于
检查左边的值是否大于或等于右边的值
10 >= 10; // true
10 >= 5; // true
5 >= 10; // false
10 >= 5; // true
5 >= 10; // false
<= 小于等于
检查左边的值是否小于或等于右边的值
5 <= 5; // true
5 <= 10; // true
10 <= 5; // false
5 <= 10; // true
10 <= 5; // false
逻辑运算符
用于组合或修改布尔值（true/false）
&& 逻辑与 (AND)
当所有条件都为 true 时返回 true
口诀：一假则假，全真才真
口诀：一假则假，全真才真
true && true; // true
true && false; // false
(5 > 3) && (10 < 20); // true
true && false; // false
(5 > 3) && (10 < 20); // true
|| 逻辑或 (OR)
当至少一个条件为 true 时返回 true
口诀：一真则真，全假才假
口诀：一真则真，全假才假
true || false; // true
false || false; // false
(5 > 10) || (10 < 20); // true
false || false; // false
(5 > 10) || (10 < 20); // true
! 逻辑非 (NOT)
反转布尔值，如果为 true 则返回 false，反之亦然
口诀：真假互换
口诀：真假互换
!true; // false
!false; // true
!(5 > 3); // false（因为5>3是true，取反后false）
!false; // true
!(5 > 3); // false（因为5>3是true，取反后false）
特殊运算符
JavaScript中特有的运算符
?: 三元运算符
JavaScript中唯一的条件运算符，是if-else的简写形式
结构：条件 ? 值1 : 值2
条件为true返回”值1″，否则返回”值2″
结构：条件 ? 值1 : 值2
条件为true返回”值1″，否则返回”值2″
let age = 20;
let status = (age >= 18) ? “成年人” : “未成年人”;
// status值为”成年人”
let status = (age >= 18) ? “成年人” : “未成年人”;
// status值为”成年人”
?? 空值合并运算符
如果左侧是null或undefined，则返回右侧值，否则返回左侧值
let name = null;
let defaultName = “匿名用户”;
let displayName = name ?? defaultName;
// displayName值为”匿名用户”
let defaultName = “匿名用户”;
let displayName = name ?? defaultName;
// displayName值为”匿名用户”
typeof 类型运算符
返回变量或值的类型（字符串形式）
typeof 42; // “number”
typeof “hello”; // “string”
typeof true; // “boolean”
typeof {}; // “object”
typeof “hello”; // “string”
typeof true; // “boolean”
typeof {}; // “object”
instanceof 实例运算符
检查对象是否为特定类的实例
class Car {}
let myCar = new Car();
let isCar = myCar instanceof Car; // true
let myCar = new Car();
let isCar = myCar instanceof Car; // true
位运算符
直接操作二进制位，高级应用中使用
& 按位与
对每对比特位执行与操作（两个都为1时返回1）
5 & 1; // 1
（5的二进制101，1的二进制001，结果为001）
（5的二进制101，1的二进制001，结果为001）
| 按位或
对每对比特位执行或操作（任一为1时返回1）
5 | 1; // 5
（101和001，结果为101）
（101和001，结果为101）
~ 按位非
反转所有比特位（0变1，1变0）
~5; // -6
（5的二进制101，取反后010，但有符号位变化）
（5的二进制101，取反后010，但有符号位变化）
<< 左移位
将二进制表示向左移动指定位数，右侧补0
5 << 1; // 10
（101左移1位变成1010，即10）
（101左移1位变成1010，即10）
学习建议
1. 运算符优先级很重要 – 像数学中一样，不同运算符有不同计算顺序
2. 多练习才是掌握的关键 – 在浏览器的控制台中尝试这些运算符
3. 特别注意相等性比较 – 尽量使用严格相等(===)而非普通相等(==)
4. 三元运算符简洁但不要滥用 – 复杂的逻辑还是用if语句更清晰