javascript中的条件语句如何工作_怎样使用if-else进行逻辑判断【教程】

11次阅读

javaScript的if-else只执行首个真值分支,falsy值仅6个:false、0、-0、0n、””、NULLundefined、NaN;其余均为truthy,包括”0″、[]等。

javascript中的条件语句如何工作_怎样使用if-else进行逻辑判断【教程】

javascript 中的 if-else 不是“按顺序执行所有分支”,而是**只执行第一个为真(truthy)的分支,其余跳过**——这是多数初学者误以为“多个条件会叠加执行”的根源。

条件表达式怎么才算“真”?

JavaScript 的判断依据不是布尔值 true/false,而是“真值(truthy)”和“假值(falsy)”。只有以下 6 个值是 falsy:false0-00n(BigInt 零)、""(空字符串)、nullundefinedNaN。其余全是 truthy,包括 "false""0"[]{}function(){}

这意味着:

  • if ("0") { ... } 会执行,尽管字符串内容是数字 0
  • if ([]) { ... } 也会执行,空数组不是 falsy
  • 想严格判断是否为 0,得用 value === 0;判断是否为空数组,得用 Array.isArray(value) && value.Length === 0

if-else if-else 的执行逻辑与常见陷阱

它本质是“从上到下逐个测试,遇到第一个为 truthy 的条件就进对应块,然后整个语句结束”。else if 不是独立结构,只是 else { if (...) { ... } } 的语法糖。

立即学习Java免费学习笔记(深入)”;

let score = 85; if (score >= 90) {   console.log("A"); } else if (score >= 80) {   console.log("B"); // ✅ 这里执行 } else if (score >= 70) {   console.log("C"); // ❌ 不会执行,前面已命中 } else {   console.log("F"); }

容易踩的坑:

  • 条件顺序写反:比如把 score >= 70 放在 score >= 80 前面,会导致 85 被错误归为 C
  • 漏掉边界处理:用 > 替代 >=,可能让临界值(如刚好 80)掉进 else
  • 用赋值符 = 代替比较符 ===,导致条件恒为真或静默失败

嵌套 if 和扁平化选择:什么时候该用 switch

当判断的是**同一变量的多个离散值**(尤其是字符串、数字),且分支较多时,switch 比一长串 else if 更清晰、更易维护,也避免重复读取变量。

switch (status) {   case "loading":     showSpinner();     break;   case "success":     renderData();     break;   case "error":     showError();     break;   default:     throw new Error(`Unknown status: ${status}`); }

但注意:

  • switch 使用严格相等 === 比较,不会类型转换
  • 每个 case 后必须有 break,否则会“穿透”执行下一个 case
  • 对范围判断(如 score >= 80 && score )或复杂表达式,switch 无能为力,只能用 if

真正难的从来不是语法本身,而是想清楚“这个条件到底要捕获什么真实状态”——比如用户输入为空、为零、为字符串 “0”、为 null,业务含义很可能完全不同,不能全塞进一个 if (!value) 里糊弄过去。

text=ZqhQzanResources