蓝易云cdn:JS的循环、判断，选择语句

下面把 JavaScript 的判断、选择、循环用“能直接落地写业务”的方式讲清楚。你看完能立刻写出可维护的控制流逻辑 ✅🙂

一、判断语句：if / else if / else（最直观）🧠

const score = 78;

if (score >= 90) {
  console.log("A");
} else if (score >= 60) {
  console.log("Pass");
} else {
  console.log("Fail");
}
​

解释：

• if (条件)：条件为 true 时执行代码块 {}。
• else if：前面条件不成立时，继续判断下一条。
• else：兜底分支，前面都不成立就走它。
• 条件本质是布尔值；比较常用 >=、<=、===、!==。
• 重要原则：尽量用 === 和 !==，避免隐式类型转换导致判断“看起来对，其实错”。

二、选择语句：switch（多分支更清晰）🧩

const role = "admin";

switch (role) {
  case "admin":
    console.log("拥有全部权限");
    break;
  case "editor":
    console.log("可编辑内容");
    break;
  case "viewer":
    console.log("只能查看");
    break;
  default:
    console.log("未知角色，拒绝访问");
}
​

解释：

• switch (表达式)：对表达式结果做“分支匹配”。
• case "xxx"：匹配到就执行。
• break：必须要有，否则会继续往下执行（叫“穿透”），容易出事故。
• default：兜底分支，防止漏掉未知值。
• switch适合“枚举型”场景：状态、类型、角色、菜单动作等。

三、循环语句：for / while / do...while（重复执行）🔁

1）for：最常用，适合“明确次数”

for (let i = 0; i < 3; i++) {
  console.log(i);
}
​

解释：

• let i = 0：初始化计数器。
• i < 3：循环继续条件，成立就继续跑。
• i++：每轮结束后更新计数器。
• 适合：固定次数、数组按索引遍历、分页批处理等。

2）while：适合“不确定次数，满足条件就继续”

let n = 3;
while (n > 0) {
  console.log(n);
  n--;
}
​

解释：

• 先判断 n > 0，再决定是否进入循环体。
• 一定要在循环体内“推动条件变化”（例如 n--），否则容易死循环。

3）do...while：至少执行一次（先做后判）🙂

let input;
do {
  input = "ok"; // 假设这里是用户输入
} while (input !== "ok");
​

解释：

• 先执行一次代码块，再判断条件。
• 适合：必须先跑一次再校验的流程，比如交互输入校验。

四、数组循环：for...of / forEach（更像业务写法）🚀

1）for...of：可 break/continue，推荐写法

const arr = [10, 20, 30];

for (const x of arr) {
  if (x === 20) continue;
  console.log(x);
}
​

解释：

• for (const x of arr)：按元素遍历数组。
• continue：跳过本轮，进入下一轮。
• break：直接结束循环。
• 优点：语义清晰、能控制流程（比 forEach 更好用）。

2）forEach：更像“对每个元素做点事”，但不能 break

const arr = [1, 2, 3];

arr.forEach((item, index) => {
  console.log(index, item);
});
​

解释：

• forEach会对每个元素执行回调函数。
• 不能用 break/continue 做流程控制（想中断就别用它）。
• 适合：纯输出、纯映射、副作用操作（比如统计/打点）。

五、条件表达式：三元运算符（短小但别滥用）⚡

const age = 19;
const msg = age >= 18 ? "成年人" : "未成年人";
console.log(msg);
​

解释：

• 条件 ? A : B：条件成立返回 A，否则返回 B。
• 适合简单二选一。
• 分支复杂时请用 if/else，可读性更值钱。

六、控制流&