JavaScript if...else
语句
功能:if...else
语句用于根据条件执行不同的代码块。它是 JavaScript 中最基本的条件语句之一,允许你根据表达式的布尔值(true
或 false
)来控制程序的执行流程。
用法及运用
基本结构
if (condition) {// 当条件为 true 时执行的代码块
} else {// 当条件为 false 时执行的代码块
}
condition
:一个表达式,该表达式会返回一个布尔值。if
块:当condition
为true
时,执行这个代码块。else
块:当condition
为false
时,执行这个代码块。
示例
let score = 85;if (score >= 60) {console.log("Pass");
} else {console.log("Fail");
}
在这个示例中,如果 score
大于或等于 60,输出 "Pass";否则,输出 "Fail"。
扩展结构
if...else if...else
当需要处理多个条件时,可以使用 else if
来添加额外的条件判断。
if (condition1) {// 当 condition1 为 true 时执行的代码块
} else if (condition2) {// 当 condition1 为 false 且 condition2 为 true 时执行的代码块
} else {// 当 condition1 和 condition2 都为 false 时执行的代码块
}
示例
let score = 75;if (score >= 90) {console.log("A");
} else if (score >= 80) {console.log("B");
} else if (score >= 70) {console.log("C");
} else if (score >= 60) {console.log("D");
} else {console.log("F");
}
在这个示例中,根据 score
的不同范围,输出不同的等级。
嵌套 if...else
可以在 if
或 else
块中嵌套另一个 if...else
语句。
if (condition1) {if (condition2) {// 当 condition1 和 condition2 都为 true 时执行的代码块} else {// 当 condition1 为 true 且 condition2 为 false 时执行的代码块}
} else {// 当 condition1 为 false 时执行的代码块
}
示例
let age = 20;
let hasLicense = true;if (age >= 18) {if (hasLicense) {console.log("You can drive.");} else {console.log("You need a license to drive.");}
} else {console.log("You are too young to drive.");
}
在这个示例中,首先检查 age
是否大于或等于 18,如果是,则进一步检查 hasLicense
是否为 true
。
注意事项
- 条件表达式:
if
语句中的条件表达式可以是任意能够返回布尔值的表达式。 - 代码块:如果
if
或else
语句中只有一条语句,可以省略大括号{}
,但为了代码的可读性和避免错误,通常建议总是使用大括号。 - 短路求值:在复杂的条件表达式中,可以利用逻辑运算符(如
&&
和||
)进行短路求值,以提高效率。 - 避免嵌套过深:过多的嵌套层级会降低代码的可读性和可维护性,尽量保持逻辑简洁。
综合运用示例
function checkWeather(temperature, weather) {if (temperature > 30) {console.log("It's a hot day.");if (weather === "sunny") {console.log("Wear light clothes and sunscreen.");} else {console.log("Stay indoors or carry an umbrella.");}} else if (temperature >= 20) {console.log("It's a nice day.");if (weather === "sunny") {console.log("Perfect for a walk.");} else {console.log("Might want to carry a jacket.");}} else {console.log("It's a bit cold today.");console.log("Dress warmly.");}
}checkWeather(25, "sunny");
checkWeather(35, "cloudy");
checkWeather(15, "rainy");
在这个综合运用示例中,checkWeather
函数根据温度和天气条件输出不同的建议。