一、if语句
if语句是一种双分支结构,其基本语法如下:
if (条件) {
// 条件成立时执行的语句
} else {
// 条件不成立时执行的语句
}
if语句先判断条件是否成立,如果成立则执行if语句块内的语句,否则执行else语句块内的语句。
if语句可以嵌套使用,例如:
if (条件1) {
// 条件1成立时执行的语句
if (条件2) {
// 条件1和条件2都成立时执行的语句
} else {
// 条件1成立但条件2不成立时执行的语句
}
} else {
// 条件1不成立时执行的语句
}
二、switch语句
switch语句也是一种双分支结构,其基本语法如下:
switch (表达式) {
case 值1:
// 当表达式等于值1时执行的语句
break;
case 值2:
// 当表达式等于值2时执行的语句
break;
default:
// 当表达式不等于任何一个case时执行的语句
}
switch语句会根据表达式的值执行相应的case语句块,如果没有匹配的case语句块,则执行default语句块。需要注意的是,每个case语句块必须以break语句或return语句结束,否则会继续执行下一个case语句块。
switch语句也可以使用嵌套的if语句来实现,不过这样会使代码变得复杂难懂,不推荐使用。
三、两种双分支结构的比较
在使用双分支结构时,我们可以根据实际情况选择if语句或switch语句。需要注意的是,如果条件比较简单、直接,建议使用if语句;如果条件比较复杂,需要判断多个取值时,建议使用switch语句。
另外,if语句可以添加else if语句来判断多个条件,而switch语句只能使用case语句块来判断值。因此,在选择双分支结构时,还需要考虑到代码的可读性、易维护性等因素。
四、实例演示
下面是一个使用if语句的实例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>if语句实例</title>
</head>
<body>
<script>
var score = 80;
if (score >= 90) {
document.write("优秀");
} else if (score >= 80) {
document.write("良好");
} else if (score >= 70) {
document.write("中等");
} else if (score >= 60) {
document.write("及格");
} else {
document.write("不及格");
}
</script>
</body>
</html>
上面的代码根据学生的成绩给出相应的评定结果。
下面是一个使用switch语句的实例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>switch语句实例</title>
</head>
<body>
<script>
var color = "red";
switch (color) {
case "red":
document.write("红色");
break;
case "green":
document.write("绿色");
break;
case "blue":
document.write("蓝色");
break;
default:
document.write("未知颜色");
}
</script>
</body>
</html>
上面的代码根据颜色的取值给出相应的中文名称。