JavaScript 运算符与流程控制详解

3. 逻辑运算符

组合多个条件判断，返回布尔值：

真值/假值规则：

• 假值：0、""、null、undefined、NaN。
• 真值：除假值外的所有值（如非空字符串、非 0 数字）。

console.log(!9);      // false（9 是真值）
console.log(!"");    // true（空字符串是假值）

条件判断语句

1. if 语句

根据条件执行代码块，条件会隐式转换为布尔值：

// 语法
if (条件) {
  // 条件为真时执行
} else {
  // 条件为假时执行
}

// 示例：判断空格字符串是否为真
if (" ") {
  console.log(true); // 输出：true（空格是非空字符串，为真值）
} else {
  console.log(false);
}

2. 三目运算符

if-else 的简写形式，适合简单的赋值或返回场景：

// 判断 2 与 "2" 是否绝对相等
document.write(2 === "2" ? "相等" : "不等"); // 输出：不等

3. switch 语句

用于多条件等值判断（使用 === 比较），务必配合 break 防止穿透：

let num5 = 3;
switch (num5) {
  case 1:
    console.log("选了 1");
    break;
  case 2:
    console.log("选了 2");
    break;
  case 3:
    console.log("选了 3"); // 匹配成功，输出此句
    break;
  default:
    console.log("无匹配项");
}
// 输出：选了 3

循环语句

1. while 循环

根据条件重复执行代码块，continue 可跳过本次循环剩余部分：

let n = 5;
while (n--) {
  if (n === 3) continue; // 跳过 n=3 的循环
  document.write(`执行第${n}次<br/>`);
}
// 输出：
// 执行第 4 次
// 执行第 2 次
// 执行第 1 次
// 执行第 0 次

2. for 循环

更灵活的循环方式，适合已知循环次数的场景：

for (初始化；条件；更新) {
  // 循环体
}

// 示例：基本用法
for (let i = 1; i <= 5; i++) {
  console.log(i); // 依次输出 1、2、3、4、5
}

总结

本文梳理了 JavaScript 的核心运算符和流程控制机制：

• 自增运算符的前缀/后缀差异直接影响返回值。
• 比较运算符中 === 比 == 更严格，建议优先使用。
• 逻辑运算依赖真值/假值转换，需注意边界情况。
• 条件判断：if 适合区间判断，switch 适合等值判断。
• 循环控制：while 适合未知次数，for 适合已知次数，灵活运用 break 和 continue 优化逻辑。