文章目录
前言一、流程控制1.1 顺序流程控制1.2 分支流程控制if语句1.3 else if语句1.3 if else if语句（多分支语句）1.3 三元表达式1.4 分支流程控制switch语句
总结
前言
今天记录一下JS中的流程控制
一、流程控制
流程控制就是来控制我们的代码按照什么结构顺序来执行
1.1 顺序流程控制
最简单的、最基本的流程控制，程序按照
代码的先后顺序，依次执行
1.2 分支流程控制if语句
从上到下执行代码的过程中，根据不同的条件，执行不同的路径代码，从而得到不同的结果 语法：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>text
</title>
<script>
if (条件表达式){
}
xxx
</script>
</head>
<body>
</body>
</html>
练习：进入网吧
要求：弹出一个输入框，要求用户输入年龄，如果年龄大于18岁，允许进入网吧 思路分析： 弹出输入框，用户输入年龄，程序取值并保存 使用if语句来判断年龄，年龄大于18即可执行if大括号里的输出语句
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>text
</title>
<script>
var age =prompt('请输入您的年龄：');
if (age>=18){
alert('欢迎进入网吧！');
}
</script>
</head>
<body>
</body>
</html>
1.3 else if语句
语法：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>text
</title>
<script>
if (条件表达式){
}else{
}
</script>
</head>
<body>
</body>
</html>
案例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>text
</title>
<script>
var age =prompt('请输入您的年龄：');
if (age>=18){
alert('欢迎进入网吧！');
}else{
alert('未成年不要进入网吧');
}
</script>
</head>
<body>
</body>
</html>
练习1：判断闰年
要求：用户输入年份；如果是闰年就弹出闰年，否则弹出平年 思路分析： 弹出输入框，用户输入年份，变量取值并保存 使用if else来进行判断 一定要注意里面的&&和||的写法，同时注意判断是否整除的方法是取余为0
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>text
</title>
<script>
var year =prompt('请您输入年份：');
if (year%4==0 && year%100!=0||year%400==0){
alert('是闰年');
}else{
alert('是平年');
}
</script>
</head>
<body>
</body>
</html>
练习2：判断是否中奖
要求：接受用户输入的姓名来判断是否中奖，如果输入的是张三则提示中奖50元，负责提示没中 思路分析： 弹出输入框，用户输入姓名，变量取值并保存 与张三进行比较，如果相同则输出中奖信息，不同则输出未中奖信息
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>text
</title>
<script>
var name =prompt('请您输入姓名：');
if (name=='张三'){
alert('恭喜！中奖50元！');
}else{
alert('很遗憾，您并没有中奖');
}
</script>
</head>
<body>
</body>
</html>
1.3 if else if语句（多分支语句）
利用多个条件来选择不同的语句执行，得到不同的结果，简而言之就是多选一的过程练习：判断成绩级别 要求：接收用户输入的分数根据分数输出相应的ABCD 其中： A，90（含）以上 B，80（含）以上 C，70（含）以上 D，60（含）以上 E，60（不含）以下
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>text
</title>
<script>
var score =prompt('请您输入分数：');
if (score>=90){
alert('您的分数是A');
}else if(score>=80){
alert('您的分数是B');
}
else if(score>=70){
alert('您的分数是C');
}
else if(score>=60){
alert('您的分数是D');
}
else {
alert('您的分数是E');
}
</script>
</head>
<body>
</body>
</html>
1.3 三元表达式
语法：表达式？表达式1：表达式2
1.4 分支流程控制switch语句
总结
未完待续，有点事处理，回来更新
