JavaScript 运算符与流程控制详解
在 JavaScript 中,运算符和流程控制是实现业务逻辑的基石。本文将深入讲解比较运算符、逻辑运算符、条件判断语句以及循环语句,帮助你构建扎实的 JavaScript 逻辑基础。
一、运算符:自增、比较与逻辑
1. 自增运算符(++)
自增分为前缀(++i)和后缀(i++),核心区别在于返回值的时机:
- 后缀自增(
i++):先返回当前值,再执行自增 - 前缀自增(
++i):先执行自增,再返回新值
let i = 1;
console.log(i++ + ++i + i); // 结果为 7
// 解析:
// 1. i++ 先返回 1,此时 i 变为 2
// 2. ++i 先将 i 自增为 3,返回 3
// 3. 此时 i=3,总和:1 + 3 + 3 = 7
2. 比较运算符
用于判断值的关系,返回布尔值。需重点区分 == 与 ===:
| 运算符 | 特点 | 示例 | 结果 |
|---|---|---|---|
== | 只比较值(隐式转换类型) | 2 == "2" | true(字符串转数字) |
=== | 比较值和类型(无转换) | 2 === "2" | false(类型不同) |
!= | 只比较值不相等 | 2 != "2" | false(值相等) |
!== | 比较值或类型不相等 | 2 !== "2" | true(类型不同) |
特殊规则:
- 字符串按字符编码比较(如
"a" < "b"为true) NaN与任何值比较都返回false(包括自身)
console.log(2 == "2"); // true(隐式转换)
console.( === );
.( < );


