JS条件语句怎么使用_JS条件语句ifelse及switch使用全攻略

新闻中心 NEWS CENTER

您当前位置：首页 > 新闻中心 > 网络学院

JS条件语句怎么使用_JS条件语句ifelse及switch使用全攻略

2025-11-06

浏览次数：次

返回列表

J*aScript条件语句包括if...else、三元运算符和switch，用于根据条件执行不同代码块。if...else适用于多条件或复杂逻辑判断，如成绩等级划分；三元运算符适合简单二选一赋值，如根据年龄判断成年与否；switch则在单一变量匹配多个固定值时更清晰，如判断星期几。选择依据：简单赋值用三元运算符，范围或复杂条件用if...else，固定值比较用switch，并注意break防止穿透，default处理异常情况，提升代码可读性与健壮性。

js条件语句怎么使用_js条件语句ifelse及switch使用全攻略

J*aScript中的条件语句用于根据不同的条件执行不同的代码块。掌握if...else和switch语句，是编写逻辑控制的基础。下面详细介绍它们的使用方法和适用场景。

if...else语句：基础条件判断

if语句是最常用的条件控制结构，根据表达式的真假决定是否执行某段代码。

基本语法：

if (条件) {
// 条件为真时执行的代码
} else {
// 条件为假时执行的代码
}

也可以使用else if来处理多个条件：

if (成绩 >= 90) {
console.log("优秀");
} else if (成绩 >= 80) {
console.log("良好");
} else if (成绩 >= 60) {
console.log("及格");
} else {
console.log("不及格");
}

注意：条件表达式会自动转换为布尔值，0、""、null、undefined、NaN为false，其余为true。

三元运算符：简洁的条件赋值

当只是根据条件给变量赋值时，可以使用三元运算符，让代码更简洁。

let result = 条件 ? 值1 : 值2;

例如：

BrandCrowd

一个在线Logo免费设计生成器

200 查看详情 BrandCrowd

let age = 18;
let status = age >= 18 ? "成年人" : "未成年人";

适合简单的二选一逻辑，嵌套过多会影响可读性。

switch语句：多分支选择

当需要针对同一个变量进行多个值的判断时，switch比多个else if更清晰。

switch(表达式) {
case 值1:
// 执行代码
break;
case 值2:
// 执行代码
break;
default:
// 都不匹配时执行
}

示例：

switch(day) {
case "周一":
case "周二":
case "周三":
case "周四":
case "周五":
console.log("工作日");
break;
case "周六":
case "周日":
console.log("周末");
break;
default:
console.log("请输入正确的星期");
}

注意：每个case后记得加break，否则会“穿透”执行下一个case的代码。default不是必须的，但建议加上以处理意外情况。