当前位置：首页 > news >正文

【JavaScript】if语句

news 来源：原创 2025/4/29 10:08:48

JS中的程序是从上到下一行一行执行的。

通过流程控制语句可以控制程序执行流程，使程序可以根据一定的条件来选择执行语句。

语句的分类：

1、条件判断语句

2、条件分支语句

3、循环语句

条件判断语句：使用条件判断语句可以在执行某个语句之前进行判断，如果条件成立才会执行语句，条件不成立则语句不执行。

（1）语法一(if)

语法：

if(条件表达式){
语句；
...
}

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>var ch = 9;if (ch > 10)alert("a比10大");alert("谁也管不了我");</script>
</head><body></body></html>

结果：

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>var ch = 35;if (ch > 10 && ch <= 40) {alert("ch大于10且小于等于40");}</script>
</head><body></body></html>

结果：

（2）语法二(if...else...)

语法：

if(条件表达式){
语句...
}else{
语句...
}

if...else...：当该语句执行时，会先对if后的条件表达式进行求值判断，如果该值为true，则执行if后的语句；如果该值为false，则执行else后的语句。

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>var age = 70;if (age >= 69) {alert("你已经退休了");} else {alert("你还没退休");}</script>
</head><body></body></html>

结果：

（3）语法三（if...else if... else if... else...)

语法：

if(条件表达式){
语句...
}else if(条件表达式){
语句...
}else if(条件表达式){
语句...
}else{
语句...
}
//注意：最后一个else可以不写。

if...else if ... else执行顺序：

当该语句执行时，会从上到下依次对该表达式进行求值判断，如果该值为true，则执行当前语句；如果值为false，则继续向下判断。如果所有的条件都不满足，则执行以后一个else语句。

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>var score = 99;if (score >= 90) {alert("优秀");} else if (score >= 70) {alert("良好");} else if (score >= 60) {alert("及格");} else {alert("不及格");}</script>
</head><body></body></html>

结果：