JS 条件判断

网站

条件判断 - JavaScript | MDN

JavaScript If Else - W3School

引入

条件判断用于让代码根据不同情况执行不同内容。

比如年龄不同显示不同提示，登录状态不同显示不同页面。

正文

定义

定义

条件判断是根据条件结果决定执行哪段代码，条件结果通常是 true 或 false。

if 语句

let age = 18;
 
if (age >= 18) {
  console.log("成年人");
}

当 age >= 18 为 true 时，才会执行 {} 里的代码。

if else 语句

let age = 16;
 
if (age >= 18) {
  console.log("成年人");
} else {
  console.log("未成年人");
}

if 条件成立时执行第一段代码。

条件不成立时执行 else 里的代码。

else if 语句

用于判断多个条件。

let score = 85;
 
if (score >= 90) {
  console.log("优秀");
} else if (score >= 60) {
  console.log("及格");
} else {
  console.log("不及格");
}

代码会从上往下判断，遇到第一个成立的条件就执行对应代码。

switch 语句

switch 适合判断一个值等于多个固定值中的哪一个。

let day = 1;
 
switch (day) {
  case 1:
    console.log("星期一");
    break;
  case 2:
    console.log("星期二");
    break;
  default:
    console.log("其他日期");
}

break 用来结束当前分支。

如果没有 break，代码可能会继续往下执行。

常见写法

写法	作用
if	只判断一种情况
if else	二选一
else if	多条件判断
switch	判断固定值
default	没有匹配结果时执行

例子

判断登录状态

let isLogin = true;
 
if (isLogin) {
  console.log("显示用户中心");
} else {
  console.log("显示登录按钮");
}

根据状态显示文本

let status = "success";
 
switch (status) {
  case "success":
    console.log("提交成功");
    break;
  case "error":
    console.log("提交失败");
    break;
  default:
    console.log("等待提交");
}

特点

• 条件判断用于控制代码分支
• 条件结果通常是 true 或 false
• else 可以不写
• 多个条件可以使用 else if
• switch 适合固定值判断
• switch 中常需要写 break
• 条件不要写得太绕，复杂时可以拆成变量

理解

条件判断可以理解为：代码里的选择题。

条件成立，就走一条路；条件不成立，就走另一条路。

它的重点不是语法多复杂，而是把业务规则写清楚。

引出

理解条件判断之后，可以继续学习 JS 循环，让一段代码重复执行。