JavaScript条件语句包括if、if...else、if...else 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 多的时候)。
立即学习“Java免费学习笔记(深入)”;
- 每个 case 后记得加
break,否则会“穿透”执行下一个 case(这是初学者常踩的坑) - default 相当于 else,建议始终加上,处理意外值(比如用户传入非法 status)
- 注意 switch 使用的是严格相等(
===),不会做类型转换
三元运算符(? :):一行搞定简单条件赋值
只有一行赋值或返回值时,用三元运算符更简洁,比如设置默认值或切换状态。
- 格式:
条件 ? 表达式1 : 表达式2 - 例子:
const message = isLoggedIn ? '欢迎回来' : '请先登录'; - 别为了省代码把复杂逻辑硬塞进去,可读性优先;嵌套三元(a ? b : c ? d : e)尽量避免
基本上就这些。用对条件语句不难,关键是理清业务逻辑的分支点,再选合适的语法表达。多练几次,自然就顺了。











