JavaScript 条件判断

学习 if/else if/else 和 switch 语句 · 难度：入门 · +10XP

JavaScript 条件判断

JavaScript 条件判断 — 让程序做决策

学习前的准备

打开浏览器控制台（F12）。本教程面向 JavaScript 初学者，只需要了解变量和基本数据类型即可开始。条件判断是编程中最基础也最重要的概念之一。

什么是条件判断？

在现实生活中，我们每天都在做条件判断：“如果下雨，就带伞；否则，就不带。”在编程中，条件判断让程序能根据不同的条件来执行不同的代码。JavaScript 提供了 if、else if、else 和 switch 几种条件语句。

let age = 18;
if (age >= 18) {
  console.log('你是成年人');
}
let score = 85;
if (score >= 90) {
  console.log('优秀');
} else if (score >= 80) {
  console.log('良好');
} else if (score >= 60) {
  console.log('及格');
} else {
  console.log('不及格');
}

比较运算符

运算符	含义	示例
>	大于	5 > 3 → true
<	小于	5 < 3 → false
==	等于（值相等）	'5' == 5 → true
===	严格等于	'5' === 5 → false
!=	不等于	5 != 3 → true
!==	严格不等于	'5' !== 5 → true

强烈建议使用 === 和 !== 而非 == 和 !=。

逻辑运算符

let hour = 14;
let isWeekend = false;
// && 逻辑与：所有条件都为 true，结果才为 true
if (hour >= 9 && hour <= 18 && !isWeekend) {
  console.log('工作时间');
}
// || 逻辑或：只要有一个条件为 true，结果就是 true
if (hour < 8 || hour > 22) {
  console.log('休息时间');
}
// ! 逻辑非：取反
if (!isWeekend) {
  console.log('工作日');
}

switch 语句

let day = 3;
switch (day) {
  case 1: console.log('星期一'); break;
  case 2: console.log('星期二'); break;
  case 3: console.log('星期三'); break;
  case 4: console.log('星期四'); break;
  case 5: console.log('星期五'); break;
  case 6:
  case 7: console.log('周末！'); break;
  default: console.log('无效的日期');
}

小结

条件判断是程序做出决策的基础。使用 === 做严格比较，使用 && 和 || 组合多个条件，当选项很多时考虑用 switch 替代 else if 链。现在打开控制台，试着写一个程序：根据考试成绩输出对应的等级。