选择结构知识点

• 流程控制

JS程序一般是按照书写的顺序来进行的，这种运行称为顺序运行，是程序流的默认方向，与顺序运行不同，另一种运行将程序流转换到脚本的另外的部分，也就是说，不按顺序运行下一条语句，而是运行另外的语句，为了使脚本可以使用，该控制的转换必须以逻辑的方式运行，程序控制的转换基于一个“决定”，这个决定结果是真还是假（true或false）,来决定程序的运行方向。

• 程序三大结构

a)、顺序结构

b)、选择（条件）结构

c）、循环结构

3、顺序结构

4：选择结构

5：if选择语句

单一选择结构：if(){}

例：if(3 <9){

alert(‘ok’);

};

二路选择结构：if(){}else{}

例：if(3 > 0){

alert(‘ok’);

}else{

alert(‘not ok’);

};

三目运算符：?：

vara = 2 > 8  ?  ‘对啦’： ‘错喽’；

多路选择结构：if(){}else if(){}else if(){}else{}

请输入成绩：<input type=”text”id=”score”/><input type=”submit”value=”判定”id=”judge”/>

获取输入分数框

var  oScore = document.getElementById(‘score’);

获取点击按钮

var  oJudge = document.getElementById(‘judge’);

添加点击事件

oJudge.onclick = function(){

var sScore = oScore.value;

if(sScore< 60){

alert(‘不及格，平常干啥啦！’);

}else if(sScore>= 60  &&sScore< 70){

alert(‘刚刚及格，继续努力！’);

}else if(sScore>= 70  &&sScore< 80){

alert(‘一般，再接再厉！’);

}else if(sScore>= 80  &&sScore< 90){

alert(‘良好，稳住，你可以的！’);

}else if(sScore>= 90  &&sScore< 100){

alert(‘优秀，戒骄戒躁，争取满分！’);

}else if(sScore == 100){

alert(‘劳逸结合，注意身体！’);

}

};

多路选择结构流程图：

6：switch选择语句

语法：switch(condition){case :break;default:}

break具体讲解：阻止代码向下一个case运行。防止case穿透。

default具体讲解：匹配不存在时做的事情。

案例：输入数字，显示星期几

请输入星期：<input type=”text”id=”weekday”/><input type=”submit” id=”confirm”value=”确认”/>

判断用户输入的星期

var  oWeekday = document.getElementById(‘weekday’);

//获取不到返回值null，反之则是个对象

获取按钮

Var  oConfirm = document.getElementById(‘confirm’);

添加点击事件

oConfirm.onclick = function(){

var  iWeekday = Number(oWeekday.value);

判定

switch(iWeekday){

case 0:

alert(‘星期天’);

break;

case1:

alert(‘星期一’);

break;

case 2:

alert(‘星期二’);

break;

case3:

alert(‘星期三’);

break;

case4:

alert(‘星期四’);

break;

case5:

alert(‘星期五’);

break;

case6:

alert(‘星期六’);

break;

case 7:

alert(‘星期天’);

break;

default:

alert(‘非法数据’);

}

}；