JavaScript条件判断教程：if-else使用详解

在IT行业这个发展更新速度很快的行业，只有不停止的学习，才不会被行业所淘汰。如果你是文章学习者，那么本文《JavaScript条件语句怎么用？if-else逻辑判断教程》就很适合你！本篇内容主要包括##content_title##，希望对大家的知识积累有所帮助，助力实战开发！

JavaScript的if-else只执行首个真值分支，falsy值仅6个：false、0、-0、0n、""、null、undefined、NaN；其余均为truthy，包括"0"、[]等。

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

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

JavaScript 的判断依据不是布尔值 true/false，而是“真值（truthy）”和“假值（falsy）”。只有以下 6 个值是 falsy：false、0、-0、0n（BigInt 零）、""（空字符串）、null、undefined、NaN。其余全是 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 (...) { ... } } 的语法糖。

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 < 90）或复杂表达式，switch 无能为力，只能用 if

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

终于介绍完啦！小伙伴们，这篇关于《JavaScript条件判断教程：if-else使用详解》的介绍应该让你收获多多了吧！欢迎大家收藏或分享给更多需要学习的朋友吧~golang学习网公众号也会发布文章相关知识，快来关注吧！