一、流程结构
Javascript中的程序结构分为:
1、顺序结构:没有任何结构就是顺序,所有语句从上到下,逐条执行
注意:顺序结构主要包括注释语句、赋值语句、输入输出等语句
2、分支结构:
- 单分支
- 双分支或多分支
3、循环结构
- for循环
- while循环
- do…while循环
- for…in循环
1.if单分支
if条件结构是根据条件判断之后再做处理
语法:基本的if条件结构
(1)单分支基本的流程结构:
(2)基本的条件结构
案例:如果你的javascript考试成绩大于90分,老师就奖励你一杯奶茶
<script>
var js = window.prompt("请输入成绩",0);
if ( js > 90 ) {
alert("奖励你一杯奶茶");
}
</script>
(3)使用逻辑运算符
案例2:假如js成绩大于90分,而且音乐成绩大于80分,老师奖励你;或者js成绩等于100分,音乐成绩大于70分,老师也可以奖励你
<script>
var a = prompt("请输入js成绩");
var b = prompt("请输入音乐成绩");
if(a >= 90 && b >= 80 || a == 100 && b >= 70){
alert("恭喜你,得到武功秘籍");
}
</script>
2.双分支
语法:if…else语句
(1)双分支基本的流程结构:
(2)使用两个基本if条件结构和if-else条件结构实现
案例3:如果你考试成绩大于90分,老师就奖励你奶茶,否则老师就罚你扫地
<script>
var js = prompt("请输入成绩");
if(js>90){
alert("一杯奶茶");
}else{
alert("扫地一周");
}
</script>
(3)使用逻辑运算符
案例4:要求用户输入两个数a、 b, 如果a能被b整除或a加b大于1000,则输出a,否则输出b
<script>
var a = +prompt("请输入a的值");
var b = +prompt("请输入b的值");
if(a % b == 0 || a + b >1000){
alert(a);
}else{
alert(b);
}
</script>
3.多分支
多重if结构就是在else部分中还包含其他if块
语法:多重if结构
(1)多分支基本的流程结构:
(2)使用多个if条件结构和if-else条件结构实现
案例5:成绩大于等于90分是优秀,大于等于80分是良好,大于等于60分是中等,小于60是差生。
<script>
var a = prompt("请输入你的成绩");
if(a >= 90){
alert(a + "分:优秀");
}else if(a >= 80){
alert(a + "分:良好");
}
else if(a >= 60){
alert(a + "分:中等");
}
else{
alert(a + "分:差生");
}
</script>
(3)使用逻辑运算符
案例6:分数大于90分是武林盟主,大于80小于等于90是武当盟主,大于等于60小于等于80是峨嵋掌门,小于60分逐出师门。
<script>
var a = prompt("请输入你的成绩");
if(a <= 100 && a > 90 ){
alert(a + "分:武林盟主");
}else if( a <= 90 && a > 80){
alert(a + "分:武当掌门");
}
else if( a <= 80 && a >= 60){
alert(a + "分:峨嵋掌门");
}
else if(a >=0 && a < 60 ){
alert(a + "分:逐出师门");
}else{
alert("请输入有效值")
}
</script>