JavaScript 运算符
运算符是用来执行操作的符号,JavaScript 提供了多种类型的运算符,用于执行算术运算、比较值、逻辑操作等。
🎯 学习目标
通过本章节的学习,你将掌握 JavaScript 中的各种运算符,包括算术运算符、比较运算符、逻辑运算符、赋值运算符等,并能够在实际编程中灵活使用它们。
算术运算符
算术运算符用于执行数学运算:
| 运算符 | 描述 | 示例 | 结果 |
|---|---|---|---|
| + | 加法 | 5 + 3 | 8 |
| - | 减法 | 5 - 3 | 2 |
| * | 乘法 | 5 * 3 | 15 |
| / | 除法 | 6 / 3 | 2 |
| % | 取模(余数) | 7 % 3 | 1 |
| ++ | 自增 | let x = 5; x++ | 6 |
| -- | 自减 | let x = 5; x-- | 4 |
比较运算符
比较运算符用于比较两个值:
| 运算符 | 描述 | 示例 | 结果 |
|---|---|---|---|
| == | 等于(值比较) | 5 == "5" | true |
| === | 严格等于(值和类型比较) | 5 === "5" | false |
| != | 不等于 | 5 != 3 | true |
| !== | 严格不等于 | 5 !== "5" | true |
| > | 大于 | 5 > 3 | true |
| < | 小于 | 5 < 3 | false |
| >= | 大于等于 | 5 >= 5 | true |
| <= | 小于等于 | 5 <= 3 | false |
逻辑运算符
逻辑运算符用于执行逻辑操作:
| 运算符 | 描述 | 示例 | 结果 |
|---|---|---|---|
| && | 逻辑与 | true && false | false |
| || | 逻辑或 | true || false | true |
| ! | 逻辑非 | !true | false |
赋值运算符
赋值运算符用于给变量赋值:
| 运算符 | 描述 | 示例 | 等效于 |
|---|---|---|---|
| = | 简单赋值 | x = 5 | x = 5 |
| += | 加后赋值 | x += 3 | x = x + 3 |
| -= | 减后赋值 | x -= 3 | x = x - 3 |
| *= | 乘后赋值 | x *= 3 | x = x * 3 |
| /= | 除后赋值 | x /= 3 | x = x / 3 |
| %= | 取模后赋值 | x %= 3 | x = x % 3 |
三元运算符
三元运算符是 JavaScript 中唯一需要三个操作数的运算符:
// 语法:条件 ? 表达式1 : 表达式2
let age = 18;
let message = age >= 18 ? "成年人" : "未成年人";
console.log(message); // 输出:成年人
位运算符
位运算符用于对二进制数进行操作:
| 运算符 | 描述 |
|---|---|
| & | 按位与 |
| | | 按位或 |
| ^ | 按位异或 |
| ~ | 按位非 |
| << | 左移 |
| >> | 右移 |
| >>> | 无符号右移 |
运算符优先级
JavaScript 运算符的优先级决定了表达式中运算执行的顺序:
- () - 括号
- ++ -- - 自增、自减、一元负号
- * / % - 乘法、除法、取模
- + - - 加法、减法
- < <= > >= - 比较运算符
- == != === !== - 相等运算符
- && - 逻辑与
- || - 逻辑或
- ?: - 三元运算符
- = += -= *= /= %= - 赋值运算符
💡 学习提示
- 使用括号可以改变运算符的优先级,使代码更清晰
- 优先使用严格等于(===)和严格不等于(!==),避免类型转换导致的意外结果
- 逻辑运算符具有短路求值特性,可以用于简化代码
📝 学习检查
通过本章节的学习,你应该了解:
- JavaScript 中的各种算术运算符
- 比较运算符和严格比较运算符的区别
- 逻辑运算符的使用方法
- 赋值运算符的简写形式
- 三元运算符的使用场景
- 运算符的优先级规则