流程控制
- 编程语言都有三大流程控制结构
- 顺序结构：代码从上往下顺序执行
- 分支结构：代码选择执行
- 循环结构：代码重复执行
分支结构
分支结构作用：代码根据条件执行
- 为什么要有分支结构？
- 现实世界中，我们在做某些事情的时候是有前提条件的，例如：我今天考试了，考的好与坏与回家的状态不一样的？
1.1-if单分支结构
- 1.if结构语法：
if(条件 true/false){ 条件成立时需要执行的代码 } - 2.if结构补充说明：
- 1.大括号中可以是任何代码，不限数量
- 2.如果大括号中代码有且只有一行，则可以省略大括号。这种写法代码不规范，不是老司机的作风
- 3.注意点:小括号中的条件可以是哪些呢
- (1)关系表达式：结果一定是布尔类型
- (2)布尔类型的值：true和false
- (3)其他表达式和值：都会先转换成布尔类型再判断真和假
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>if单分支结构</title>
</head>
<body>
<script>
console.log ( "我今天考试了" );
console.log ( "我回家了" );
console.log ( "爸爸打了我一顿" );
console.log ( "我睡觉了" );
if(1>0){
console.log ( "我被执行了" );
}
console.log ( "111" );
let score = 80;
console.log ( "我今天考试了" );
console.log ( "我回家了" );
if(score < 60){
console.log ( "爸爸打了我一顿" );
}
console.log ( "我睡觉了" );
let num = 10;
if(num){
alert('num满足了条件');
}
</script>
</body>
</html>
1.2-if-else双分支结构
if（条件）{
条件成立时需要执行的代码
}else{
条件不成立时需要执行的代码
}
- 1.if-esle结构语法:用于两种互斥的条件判断
- 例如：如果(if)我的钱超过100块就洗脚(也就是说钱>=100)，否则(else)不洗脚（也就是说钱<100）
- 2.if-else结构注意点
- if大括号中的代码与else大括号的代码只会执行一个，不会同时执行
- if-else语句的作用主要就是为了提高代码的运行效率,虽然可以用两个if语句来代替if-else语句，但是两个if语句需要判断两次，而if-else只需要判断一次
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>if-else双分支结构</title>
</head>
<body></body>
<script>
let score = 80;
console.log("我今天考试了");
console.log("我回家了");
if (score >= 60) {
console.log("爸爸给我买了一辆奥迪");
}
if (score < 60) {
console.log("爸爸打了我一顿");
}
console.log("我睡觉了");
score = 80;
console.log("我今天考试了");
console.log("我回家了");
if (score >= 60) {
console.log("爸爸给我买了一辆奥迪");
} else {
console.log("爸爸打了我一顿");
}
console.log("我睡觉了");
if (5 > 3) {
alert("执行了if中的语句");
} else {
alert("执行了else中的语句");
}
</script>
</html>
1.3-if-else if-else多分支结构
if(条件1){
条件1成立时需要执行的代码
}else if(条件2){
条件2成立时需要执行的代码
}else if(条件3){
条件3成立时需要执行的代码
}else{
以上所有条件都不成立时需要执行的代码
}
- 2.注意点：
- (1) if-else if -else结构中必须以if开头，中间的else if可以是多个，末尾的else可以省略（一般都不会省略）
- (2)if-else if-else语句中所有的大括号中的代码只会执行其中一个，不会执行多个
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>if-else if-else多分支结构</title>
</head>
<body></body>
<script>
let score = 50;
console.log("我今天考试了");
console.log("我回家了");
if (score >= 80) {
console.log("爸爸给我买了一辆法拉利");
} else if (score >= 70) {
console.log("爸爸给我买了一辆保时捷");
} else if (score >= 60) {
console.log("爸爸给我买了一辆奥迪");
} else {
console.log("爸爸打了我一顿");
}
console.log("我睡觉了");
</script>
</html>
|