选择结构知识点

  • 流程控制

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

  • 程序三大结构

a)、顺序结构

b)、选择(条件)结构

c)、循环结构

3、顺序结构

4:选择结构

5if选择语句

单一选择结构: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(‘劳逸结合,注意身体!’);

}

};

多路选择结构流程图:

6switch选择语句

语法: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(‘非法数据’);

}

};

已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页