任务:我们来做个周计划,周一、二学习理念知识,周三、四到企业实践,周五总结经验,周六、日休息和娱乐。请根据星期几做出选择,使用Switch语句完成。
代码:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>switch</title>
<script type="text/JavaScript">
var myweek =4;//myweek表示星期几变量
switch(myweek)
{
case 1:
case 2:
document.write("学习理念知识");
break;
case 3:
case 4:
document.write("到企业实践");
break;
case 5:
document.write("总结经验");
break;
case 6:
case 7:
document.write("周六、日休息和娱乐");
break;
default:
document.write("Oh!my God!what day!!");
}
</script>
</head>
<body>
</body>
</html>
演示效果:
任务来源:慕课网 - - 《JavaScript 进阶》 - - 多种选择(Switch语句) - - 编程练习
在一个大学的编程选修课班里,我们得到了一组参加该班级的学生数据,分别是姓名、性别、年龄和年级,接下来呢,我们要利用JavaScript的知识挑出其中所有是大一的女生的的名字哦。
学生信息如下:
任务分解
第一步: 把这些数据组成一个数组,方便我们之后操作哦。
提示: 使用二维数组。
第二步: 筛选数据吧,首先找出都是大一的所有信息 ;
第三步: 最后再一次筛选上一步得到的数据,打印出都是女生的姓名 ;
提示: 可以用switch 或 if 语句进行筛选。
代码(版本一):
<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript">
var infos = [
[‘小A‘,‘女‘,21,‘大一‘],
[‘小B‘,‘男‘,23,‘大三‘],
[‘小C‘,‘男‘,24,‘大四‘],
[‘小C‘,‘男‘,24,‘大四‘],
[‘小D‘,‘女‘,21,‘大一‘],
[‘小E‘,‘女‘,22,‘大四‘],
[‘小F‘,‘男‘,21,‘大一‘],
[‘小G‘,‘女‘,22,‘大二‘],
[‘小H‘,‘女‘,20,‘大三‘],
[‘小I‘,‘女‘,20,‘大一‘],
[‘小J‘,‘男‘,20,‘大三‘]
];
for(var i = 0; i < infos.length; i++) {
if(infos[i][3] === "大一" && infos[i][1] === "女") {
document.write(infos[i][0] + "<br />");
}
}
</script>
</head>
<body>
</body>
</html>
代码(版本二):
<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>流程控制语句</title>
<script type="text/javascript">
//第一步把之前的数据写成一个数组的形式,定义变量为 infos
var info = [[‘小A‘,‘女‘,21,‘大一‘], [‘小B‘,‘男‘,23,‘大三‘],
[‘小C‘,‘男‘,24,‘大四‘], [‘小D‘,‘女‘,21,‘大一‘],
[‘小E‘,‘女‘,22,‘大四‘], [‘小F‘,‘男‘,21,‘大一‘],
[‘小G‘,‘女‘,22,‘大二‘], [‘小H‘,‘女‘,20,‘大三‘],
[‘小I‘,‘女‘,20,‘大一‘], [‘小J‘,‘男‘,20,‘大三‘]];
//第一次筛选,找出都是大一的信息
var num = 0,key = 0;
var infos = new Array();
for(var i=0;i<5;i++){
infos[i] = new Array();
for(var j=0;j<2;j++){
infos[i][j] = info[num];
num++;
if(infos[i][j][3] == "大一"){
document.write(infos[i][j]);
document.write("<br />");
info[key] = infos[i][j];
key++;
}
}
}
//第二次筛选,找出都是女生的信息
document.write("<br/>第二次筛选:<br />")
for(var q = 0;q < key;q++){
if(info[q][1] == "女"){
document.write(info[q]);
document.write("<br />");
}
}
</script>
</head>
<body>
</body>
</html>
演示效果:
任务来源:慕课网 - - 《JavaScript 进阶》 - - 流程控制语句 - - 编程挑战
时间: 2024-11-09 09:35:12