JavaScript条件语句有哪些及流程控制方法

JavaScript条件语句是控制程序流程的核心机制，通过判断表达式真假来动态决定代码执行路径，主要包括if、if...else、if...else if...else、switch和三元运算符五种形式——它们各司其职：if适用于单向判断，多分支逻辑可选if-else链或更清晰高效的switch（注意break防穿透和default兜底），而三元运算符则专精于简洁的单行条件赋值；掌握布尔转换规则、规避赋值误写、重视边界处理与可读性，就能让代码真正“看情况做事”，从表单校验到权限控制，灵活响应各种业务场景。

JavaScript 条件语句是控制程序执行流程的核心工具，主要靠判断表达式的真假（true/false）来决定走哪条分支。用好它们，代码就能“看情况做事”，比如登录时验证密码、表单提交前检查必填项、根据用户角色显示不同菜单等。

if 语句：最基础的单向判断

当只有一个条件需要检查时，用 if 就够了。它只在条件为真时执行一段代码。

• 语法简单：if (条件) { /* 执行代码 */ }
• 条件可以是任意表达式，JS 会自动转为布尔值（比如 0、""、null、undefined、NaN 都算 false）
• 注意别把赋值 = 误写成相等判断 == 或 ===，这是常见低级错误

if...else 和 if...else if...else：多路分支选择

要处理“是A还是B”或“是A、B、还是C”这类情况，就靠 else 和 else if 组合。

• if (score >= 90) { grade = 'A'; } else if (score >= 80) { grade = 'B'; } else { grade = 'C'; }
• else if 可以有多个，但建议别嵌套太深（超过 3 层就考虑用 switch 或重构）
• else 是兜底逻辑，确保总有路径可走，避免遗漏边界情况（比如分数为负数或大于 100）

switch 语句：适合等值匹配的多选一

当判断依据是某个变量是否等于几个固定值时，switch 比一串 else if 更清晰、性能也略优（尤其 case 多的时候）。

• 每个 case 后记得加 break，否则会“穿透”执行下一个 case（这是初学者常踩的坑）
• default 相当于 else，建议始终加上，处理意外值（比如用户传入非法 status）
• 注意 switch 使用的是严格相等（===），不会做类型转换

三元运算符（? :）：一行搞定简单条件赋值

只有一行赋值或返回值时，用三元运算符更简洁，比如设置默认值或切换状态。

• 格式：条件 ? 表达式1 : 表达式2
• 例子：const message = isLoggedIn ? '欢迎回来' : '请先登录';
• 别为了省代码把复杂逻辑硬塞进去，可读性优先；嵌套三元（a ? b : c ? d : e）尽量避免

基本上就这些。用对条件语句不难，关键是理清业务逻辑的分支点，再选合适的语法表达。多练几次，自然就顺了。

文中关于的知识介绍，希望对你的学习有所帮助！若是受益匪浅，那就动动鼠标收藏这篇《JavaScript条件语句有哪些及流程控制方法》文章吧，也可关注golang学习网公众号了解相关技术文章。